<template>
	<view class="goods_detail">
		<view class="movable_box">
			<movable-area style="height: 1224upx">
				<movable-view :x="x" :y="y" direction="vertical" scale="true" out-of-bounds="true" @change="onChange">
					<view class="kefu flex" @click="onPhone">
						<view class="kefu_img">
							<image class="w100 h100" src="../static/kefu.png"></image>
						</view>
						<view class="kefu_txt s28 family f500">客服</view>
					</view>
				</movable-view>
			</movable-area>
		</view>
		<view class="fenxiang_btn" @click="fenXiang">
			<image class="w100 h100" :src="icon.fenXiangIcon"></image>
		</view>
		<view class="img_video_box w100">
			<swiper class="swiper w100 h100" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
				<swiper-item v-if="status == 0 && imageShow" v-for="(item, index) in goodsDetail.images_src" :key="index">
					<block>
						<image class="w100 h100" :src="item"></image>
					</block>
				</swiper-item>
				<swiper-item v-if="status == 0 && videoShow" :key="index">
					<video v-if="videoShow && goodsDetail.video" class="w100 h100" show-mute-btn="true" :controls="controls" enable-play-gesture="true" :src="goodsDetail.video"></video>
					<view
						v-if="videoShow && !goodsDetail.video"
						class="w100 h100"
						style="background: #000; display: flex; align-items: center; justify-content: center; flex-direction: column"
					>
						<image src="../../../static/noVedio.png" style="width: 200rpx; height: 200rpx"></image>
						<view style="padding-top: 20rpx; color: #fff; font-size: 40rpx">暂无视频</view>
					</view>
				</swiper-item>
				<swiper-item v-if="status == 1">
					<block v-for="(item, index) in dressList.images_src" :key="index">
						<image v-if="imageShow" class="w100 h100" :src="item"></image>
					</block>
					<video
						v-if="videoShow"
						class="w100 h100"
						show-mute-btn="true"
						:controls="controls"
						enable-play-gesture="true"
						:src="$wanlshop.oss(dressList.video, 414, 0, 1, 'transparent', 'mp4')"
					></video>
				</swiper-item>
			</swiper>
			<view class="shipin_txt fblod s20 familytow txtali" @click="dVideo">视频</view>
			<view class="shipintwo_txt fblod s20 familytow txtali" @click="dImage">图片</view>
		</view>
		<view class="seckill_box w100" v-if="dressList.is_skill == 1">
			<view class="top_box flexjus">
				<view class="flex">
					<view class="left_box_seckill s24 familytow fblod">活动价</view>
					<view class="left_icon_flg s20 family txtali" v-if="dressList.is_free == 1">返还购</view>
				</view>
				<view class="right_hd_txt family s24 f500">
					{{ huodong_tips }}
				</view>
			</view>
			<view class="bottom_box flexjus">
				<view class="b_left_box flex">
					<view style="display: flex; align-items: center">
						<view class="hd_price_box familytow s40 fblod">
							<text class="s24">￥</text>
							{{ dressList.price || 0 }}
						</view>
					</view>
					<view class="scj_box family f400">市场价￥{{ status == 0 ? dressList.praise : dressList.scribing_price || 0 }}</view>
				</view>
				<view class="b_right_box flex">
					<view style="margin-left: -10upx; margin-top: 4upx">
						<uni-countdown :showColon="true" :day="day" :hour="hou" :minute="min" :second="sec" splitorColor="#E84C4C" color="#ffffff" background-color="#E84C4C" />
					</view>
				</view>
			</view>
		</view>
		<view class="seckill_box w100" v-if="goodsDetail.is_skill == 1">
			<view class="top_box flexjus">
				<view class="flex">
					<view class="left_box_seckill s24 familytow fblod">活动价</view>
					<view class="left_icon_flg s20 family txtali" v-if="goodsDetail.is_free == 1">返还购</view>
				</view>
				<view class="right_hd_txt family s24 f500">
					{{ huodong_tips }}
				</view>
			</view>
			<view class="bottom_box flexjus">
				<view class="b_left_box flex">
					<view style="display: flex; align-items: center">
						<view class="hd_price_box familytow s40 fblod">
							<text class="s24">￥</text>
							{{ selectSku.price || 0 }}
						</view>
						<view class="chongzhiBg" v-show="goodsDetail.is_balance_pay == 1 || dressList.is_balance_pay == 1"></view>
					</view>
					<view class="scj_box family f400">市场价￥{{ status == 0 ? goodsDetail.praise : goodsDetail.scribing_price || 0 }}</view>
				</view>
				<view class="b_right_box flex">
					<view style="margin-left: -10upx; margin-top: 4upx">
						<uni-countdown :showColon="true" :day="day" :hour="hou" :minute="min" :second="sec" splitorColor="#E84C4C" color="#ffffff" background-color="#E84C4C" />
					</view>
				</view>
			</view>
		</view>
		<view class="list_status_box flexjus" v-if="status == 1">
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/zx.png"></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">造型</view>
						<view class="status_txt_two f500 s24 family">{{ dressList.model || 0 }}套</view>
					</view>
				</view>
			</view>
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/ps.png"></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">拍摄</view>
						<view class="status_txt_two f500 s24 family">{{ dressList.shot || 0 }}张</view>
					</view>
				</view>
			</view>
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/jx.png"></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">精修</view>
						<view class="status_txt_two f500 s24 family">{{ dressList.refine || 0 }}张</view>
					</view>
				</view>
			</view>
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/td.png"></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">团队</view>
						<view class="status_txt_two f500 s24 family">首席</view>
					</view>
				</view>
			</view>
		</view>
		<view class="name_money_box">
			<view class="flex">
				<block v-if="goodsDetail.endtime == 0 || dressList.endtime == 0">
					<view class="money_txt">
						<view style="display: flex; align-items: center">
							<view class="zhengc_money s48 fblod">
								<text class="s30">￥</text>
								{{ goodsDetail.price || dressList.price || 0 }}
							</view>
							<block v-if="goodsDetail.is_free == 1 || dressList.is_free == 1">
								<view class="flg">返还购</view>
							</block>
							<view :class="['chongzhiBg', { aaa: goodsDetail.is_free == 1 || dressList.is_free == 1 }]" v-show="goodsDetail.is_balance_pay == 1 || dressList.is_balance_pay == 1">
								充值支付
							</view>
						</view>
						<view class="huaxian_money s26 f500 family">市场价￥{{ status == 0 ? goodsDetail.praise : dressList.scribing_price || 0 }}</view>
					</view>
				</block>
			</view>
			<view class="goods_name s32 fblod familytow" v-if="goodsDetail.spec_type == '1'" @longtap="copy">{{ goodsName }} {{ goodsDetail.title || dressList.name || '' }}</view>
			<view class="goods_name s32 fblod familytow" v-else-if="goodsDetail.spec_type == '2'" @longtap="copy">{{ goodsDetail.title || dressList.name || '' }} {{ goodsName }}</view>
			<view class="goods_name s32 fblod familytow" v-else @longtap="copy">{{ dressList.name || '' }}</view>
			<view class="bottom_xl_kdf flex flexjus">
				<view class="xl_box f500 s24 family">销量:{{ goodsDetail.sales || dressList.sales || 0 }}</view>
				<view class="xl_box f500 s24 family" v-if="status == 0">快递费:￥{{ goodsDetail.freight.price || 0 }}</view>
				<view class="xl_box f500 s24 family" v-if="!is_coupon && leve != '' && return_member == 0">推荐分成:￥{{ leve || 0 }}</view>
				<view class="xl_box f500 s24 family" v-if="leve != '' && return_member != 0">推荐解锁:￥{{ leve || 0 }}</view>
			</view>
		</view>
		<block v-if="!is_coupon">
			<view
				class="w750 flex giveBg"
				@click="toggle('bottom', 20)"
				v-if="is_recharge > 0 && ((goodsDetail.is_balance_pay == 1 && skuShop.length > 0) || dressList.is_balance_pay == 1)"
			>
				<view class="hhr_box2 s24 f500 family">购买该商品赠送充值{{ total_recharge_money }}元</view>
				<image class="jiantou" src="../static/right_hui_jian.png" style="width: 11rpx; height: 20rpx; position: absolute; right: 40rpx; margin-top: 30rpx"></image>
			</view>
			<view class="lingjuan_box w750 flex" @click="toggle('bottom', 21)" v-if="couponArr.coupon_list.length > 0 && couponStatus">
				<view class="lj_title s26 f500 family">
					<view>异业优惠活动正在进行中，点击查看详情</view>
				</view>
				<image class="jiantou" src="../static/right_hui_jian.png"></image>
			</view>
			<block v-if="partnerList.people">
				<view class="zengs flex" @click="toggle('bottom', 4)" v-if="partnerList.people.gift">
					<view class="zengs_btn s24 f500 family txtali">赠送</view>
					<view class="zengs_txt f500 s26 family">
						{{ partnerList.people.gift[0].title }}
					</view>
					<image class="jiantou" src="../static/right_hui_jian.png"></image>
				</view>

				<view class="zengs flex" v-if="partnerList.people.discount && partnerList.people.discount.length > 0" @click="toggle('bottom', 5)">
					<view class="zengs_btn s24 f500 family txtali">折扣</view>
					<view class="zengs_txt f500 s26 family">
						{{ partnerList.people.discount[0].title }}
					</view>
					<image class="jiantou" src="../static/right_hui_jian.png"></image>
				</view>

				<view class="zengs flex" @click="toggle('bottom', 6)" v-if="partnerList.people.full_reduction && partnerList.people.full_reduction.length">
					<view class="zengs_btn s24 f500 family txtali">满减</view>
					<view class="zengs_txt f500 s26 family">
						{{ partnerList.people.full_reduction[0].title }}
					</view>
					<image class="jiantou" src="../static/right_hui_jian.png"></image>
				</view>
			</block>
			<block v-if="partnerList.member">
				<view class="hhr_box s24 f500 family" v-if="partnerList.member.check_identity == '1' && (partnerList.member.gift || partnerList.member.discount)">合伙人、店铺会员、员工推荐亲友团专享优惠</view>
				<view class="zengs flex" @click="toggle('bottom', 3)" v-if="partnerList.member.gift">
					<view class="zengs_btn s24 f500 family txtali">赠送</view>
					<view class="zengs_txt f500 s26 family">
						{{ partnerList.member.gift[0].title }}
					</view>
					<image class="jiantou" src="../static/right_hui_jian.png"></image>
				</view>
				<view
					class="zengs flex"
					v-if="partnerList.member.discount && partnerList.member.discount.length > 0 && partnerList.member.check_identity == '1'"
					@click="toggle('bottom', 8)"
				>
					<view class="zengs_btn s24 f500 family txtali">折扣</view>
					<view class="zengs_txt f500 s26 family">
						{{ partnerList.member.discount[0].title }}
					</view>
					<image class="jiantou" src="../static/right_hui_jian.png"></image>
				</view>
				<view
					class="zengs flex"
					@click="toggle('bottom', 7)"
					v-if="partnerList.member.full_reduction && partnerList.member.full_reduction.length && partnerList.member.check_identity == '1'"
				>
					<view class="zengs_btn s24 f500 family txtali">满减</view>
					<view class="zengs_txt f500 s26 family">
						{{ partnerList.member.full_reduction[0].title }}
					</view>
					<image class="jiantou" src="../static/right_hui_jian.png"></image>
				</view>
			</block>
		</block>
		<view class="guige_box w100 flex" @click="toggle('bottom', 1)" v-if="status == 0">
			<view class="guige_left_txt s26 f500 family">规格</view>
			<view class="xuanze_box s26 f500 family">
				{{ goodsName.length ? goodsName : '选择规格' }}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="guige_box w100 flex" @click="goEvaluate">
			<view class="guige_left_txt s26 f500 family">评价</view>
			<view class="xuanze_box s26 f500 family" style="color: 333333" v-if="goodsDetail.comment == 0 || dressList.comment_list.figure == 0">暂无评价</view>
			<view class="xuanze_box s26 f500 family" style="color: 333333" v-else>
				已有{{ status == 0 ? goodsDetail.comment : dressList.comment_list.figure || 0 }}人评价、好评率{{ status == 0 ? goodsDetail.comment : dressList.comment || 0 }}%
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="fuwu_dianpu_box w100">
			<view class="header_fuwu flex" @click="toggle('bottom', 2)">
				<view class="fuwu_left_txt s26 f500 family">服务</view>
				<view class="flex" style="flex-wrap: wrap; width: 660rpx">
					<view class="flex" style="margin-bottom: 10rpx; margin-left: 10rpx" v-for="(item, index) in goodsDetail.services" :key="index" v-if="status == 0">
						<image class="huanhuo_img" src="../../../static/fuwu.png"></image>
						<view class="fuwu_left_txt s26 f500 family" style="margin-left: 6upx">
							{{ item.name }}
						</view>
					</view>
					<view class="flex" style="margin-bottom: 10rpx; margin-left: 10rpx" v-for="(item, index) in dressList.services" :key="index" v-if="status == 1">
						<image class="huanhuo_img" src="../../../static/fuwu.png"></image>
						<view class="fuwu_left_txt s26 f500 family" style="margin-left: 6upx">
							{{ item.name }}
						</view>
					</view>
				</view>
			</view>
			<view class="fuwu_max_box flex" v-if="status == 0" @click="toggle('bottom', 10)">
				<view class="fwu_max_txt flex" v-for="(item, index) in goodsDetail.after_sale" :key="index">
					<view class="flex" style="margin-left: 28upx; margin-top: 20upx">
						<image class="huanhuo_img" src="../../../static/shouhuo.png"></image>
						<text class="txt_ji s20 f500 family">
							{{ item.title }}
						</text>
					</view>
				</view>
			</view>
			<view class="fuwu_max_box flex" v-if="status == 1" @click="toggle('bottom', 10)">
				<view class="fwu_max_txt flex" v-for="(item, index) in goodsDetail.after_sale" :key="index">
					<view class="flex" style="margin-left: 28upx; margin-top: 20upx">
						<image class="huanhuo_img" src="../../../static/shouhuo.png"></image>
						<text class="txt_ji s20 f500 family">
							{{ item.title }}
						</text>
					</view>
				</view>
			</view>
			<view class="dianpu_box">
				<view class="dp_header_box flex">
					<view class="header_img">
						<image class="w100 h100" :src="status == 0 ? goodsDetail.shop.avatar_url : dressList.shop.avatar_url"></image>
					</view>
					<view class="dp_name_juli">
						<view class="dp_name s26 f500 family">
							{{ status == 0 ? goodsDetail.shop.shopname : dressList.shop.shopname || '' }}
						</view>
						<view class="juli_flx flex">
							<image class="juli_img" src="../../../static/store/dingwei.png"></image>
							<view class="juli_txt s22 f500 family" @click="getOpenLoaction">距离1215.56km {{ status == 0 ? goodsDetail.shop.city : dressList.shop.city || '' }}</view>
						</view>
					</view>
					<view
						class="guanzhu_box s26 f500 family txtali"
						v-if="follow_shop == false"
						@click="guanZhu(goodsDetail.shop_id, goodsDetail.follow, dressList.shop_id, dressList.follow)"
					>
						+关注
					</view>
					<view
						class="guanzhu_box s26 f500 family txtali"
						v-else
						@click="guanZhu(goodsDetail.shop_id, goodsDetail.follow, dressList.shop_id, dressList.follow)"
						style="border: 2rpx solid #eb8787; color: #eb8787"
					>
						已关注
					</view>
				</view>
			</view>
			<view class="flex" style="margin-bottom: 20upx">
				<view class="fangke_txt s22 f500 family">访客&nbsp;{{ goodsDetail.views || dressList.views || 0 }}</view>
				<view class="phone_img" @click="onPhone">
					<image class="w100 h100" src="../../../static/store/phone.png"></image>
				</view>
			</view>
		</view>

		<view class="dp_tc_tuijian w100">
			<view class="header_qie flex">
				<view :class="[tjIndex == index ? 'qie_txt_active' : 'qie_txt', 's24', 'familytow', 'fblod']" v-for="(item, index) in tjList" :key="index" @click="onQie(index)">
					{{ item.name }}
				</view>
			</view>
			<view class="tj_goods_box flex">
				<view class="tj_goods_c_box" v-for="(item, index) in recommendList" :key="index" v-if="index < 6" @click="tjGoods(item.id)">
					<view class="tj_goods_img_box">
						<image class="w100 h100" :src="item.image_src"></image>
					</view>
					<view class="tj_goods_name s24 f500 family">{{ item.title || item.name }}/Users/mac/Desktop/object/tax-front-end/unpackage/dist/dev/mp-weixin/pageA</view>
					<view class="tj_goods_moeny s20 f500 family">￥{{ item.price }}</view>
				</view>
			</view>
		</view>
		<view class="bot_goods_detail">
			<view class="header_title s24 familytow fblod txtali" v-if="status == 0">商品详情</view>
			<view class="w100" style="overflow: hidden" v-if="status == 0">
				<!-- <gra-phic :text="goodsDetail.content" :show="status == 0"></gra-phic> -->
				<rich-text :nodes="goodsDetail.content"></rich-text>
			</view>
			<view v-if="status == 1">
				<!-- v-if="false" -->
				<view class="detail_qie w100 flex">
					<image class="qie_img" src="../static/detailqie.png"></image>
					<view class="detail_qie_c" v-for="(item, index) in gdList" :key="index" @click="gdQue(index)">
						<view class="detail_qie_txt s24 fblod familytow">
							{{ item.name }}
						</view>
						<view :class="[gdIndex == 0 ? 'bot_xian' : 'bot_xian_active']"></view>
					</view>
				</view>
				<view class="detail_c_fuwuneir w100" v-if="gdIndex == 0">
					<view class="" style="height: 20rpx; background: #fdf9f3"></view>
					<view class="" style="background: #fdf9f3; padding: 20rpx 32rpx; margin-bottom: 4rpx" v-for="(item, index) in dressList.attrs_list" :key="index">
						<view class="flex align-center justify-between" style="margin-bottom: 26rpx">
							<view class="flex align-center flex-1">
								<view class="" style="width: 8rpx; height: 8rpx; border-radius: 50%; border: 7rpx solid #000; margin-right: 8rpx"></view>
								<view class="" style="font-size: 24rpx; font-weight: 700; color: #333">
									{{ item.name }}
								</view>
							</view>
							<view
								@click="goGive(item)"
								class="flex align-center justify-center"
								style="background: #333; width: 136rpx; height: 50rpx; border-radius: 25rpx; font-size: 24rpx; font-weight: 700; color: #fff"
							>
								去调整
							</view>
						</view>
						<template v-if="items.number != 0" v-for="(items, indexs) in item.value">
							<view class="flex align-center" :style="indexs + 1 == item.value.length || items.show ? '' : 'margin-bottom: 26rpx;'">
								<view class="flex-1 flex align-center justify-between">
									<view class="flex-1 text-overflow1" style="font-size: 28rpx; color: #ebbe87">
										{{ spceType(items.name, items.sku.difference, items.spec_type) }}
										×{{ items.number }}
									</view>
									<view @click.stop="showSpecifications(index, indexs, items.show)" style="font-size: 0; padding: 0 18rpx">
										<image v-if="!items.show" style="width: 48rpx; height: 48rpx" src="https://sz.vvv5g.com/assets/img/wxImg/rightArrow2.png"></image>
										<image v-else style="width: 48rpx; height: 48rpx" src="https://sz.vvv5g.com/assets/img/wxImg/downArrow2.png"></image>
									</view>
								</view>
								<view class="" style="width: 136rpx; font-size: 20rpx; font-weight: 700; color: #ff3f4a; text-align: right">
									￥
									<text style="font-size: 26rpx">{{ (items.sku.price * items.number).toFixed(2) }}</text>
								</view>
							</view>
							<view v-if="items.show == true" class="flex flex-wrap">
								<view class="" style="padding: 8rpx 20rpx; border-radius: 8rpx; border: 2rpx solid #999; margin: 10rpx 0; margin-right: 12rpx; font-size: 20rpx; color: #666">
									{{ items.sku.difference }}
								</view>
							</view>
						</template>
					</view>
				</view>
				<gra-phic :text="dressList.content" :show="gdIndex == 1 ? true : false"></gra-phic>
			</view>
		</view>
		<view class="dress_price s40 familytow fblod flex" v-if="status == 1" style="left: 30upx">
			<text class="s28 familythree f400" style="color: #000; margin-top: 8upx">原价：</text>
			<view class="s32 familytow fblod" style="color: #ff3f4a; margin-top: 8upx">￥</view>
			{{ yuanDressMoney == 0 ? dressList.price : yuanDressMoney }}
		</view>
		<view class="dress_price s40 familytow fblod flex" v-if="status == 1">
			<text class="s28 familythree f400" style="color: #000; margin-top: 8upx">总计：</text>
			<view class="s32 familytow fblod" style="color: #ff3f4a; margin-top: 8upx">￥</view>
			{{ totalPrice == 0 ? dressList.price : totalPrice }}
		</view>
		<view class="gwc_box w100" :style="{ 'padding-bottom': flag1 == true ? '50rpx' : '0rpx' }">
			<uni-goods-nav :fill="true" :isWeddingDress="isWeddingDress" :options="options" :button-group="customButtonGroup" @click="onClick" @buttonClick="buttonClick" />
		</view>
		<uni-popup ref="popup" background-color="#fff">
			<block v-if="flag == 1">
				<view class="popup_box">
					<view class="header_img_name flex">
						<view class="goods_img_box" @click.self="see">
							<image class="w100 h100" :src="goodsDetail.image_src"></image>
						</view>
						<view class="money_yx" style="flex: 1">
							<view class="money_txt s40 f500 family">￥{{ money1 }}</view>
							<view class="yx_txt s24 fblod familytow">
								【已选】
								{{ goodsName }}
								数量{{ goodsNum }}
							</view>
						</view>
					</view>
					<view class="state_top">
						<view class="state_top_title s28 fblod familytow">规格：{{ goodsName }}</view>
						<view class="state_top_box flex">
							<view
								:class="[goodsIndex == indexs ? 'state_top_list_active' : 'state_top_list', 's28', 'family', 'f500', 'txtali']"
								v-for="(items, indexs) in goodsDetail.sku"
								:key="indexs"
								@click.stop="onGoods(indexs, items.difference[0], items.id)"
							>
								{{ items.difference[0] }}
							</view>
						</view>
					</view>
					<view class="goods_num flex">
						<view class="goods_num_title s28 familytow fblod">数量</view>
						<view class="zen_jan flex">
							<view class="jan_box" @click="goodsNumJian">
								<view class="jan"></view>
							</view>
							<view class="num_txt s28 fblod familytow">
								{{ goodsNum }}
							</view>
							<view class="jia_box s40 fblod txtali" @click="goodsNumJia">+</view>
						</view>
					</view>
					<view class="tjfh_txt flexjus" v-if="leve && share_type == '0' && return_member == 0">
						<view class="s28 familytow fblod">分成</view>
						<view class="fh_price s28 f500 family">￥{{ leve }}</view>
					</view>
					<view class="tjfh_txt flexjus" v-if="leve && share_type == '0' && return_member != 0">
						<view class="s28 familytow fblod">解锁</view>
						<view class="fh_price s28 f500 family">￥{{ leve }}</view>
					</view>
					<view class="bottom_btn s36 f500 family txtali" @click="close(1)">确定</view>
				</view>
			</block>
			<block v-if="flag == 2">
				<view class="fuwu_box">
					<view class="fuwu_title s32 family fblod txtali">基础服务保障</view>
					<view class="list_box" v-for="(item, index) in goodsDetail.services" :key="index" v-if="status == 0">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png"></image>
							<view class="list_name family s26">
								{{ item.name }}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{ item.description }}
						</view>
					</view>
					<view class="list_box" v-for="(item, index) in dressList.services" :key="index" v-if="status == 1">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png"></image>
							<view class="list_name family s26">
								{{ item.name }}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{ item.description }}
						</view>
					</view>
					<view class="bottom_btn_fuwu txtali familytow fblod" @click="close(2)">完成</view>
				</view>
			</block>
			<block v-if="flag == 10">
				<view class="fuwu_box">
					<view class="fuwu_title s32 family fblod txtali">基础售后保障</view>
					<view class="list_box" v-for="(item, index) in goodsDetail.after_sale" :key="index" v-if="status == 0">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png"></image>
							<view class="list_name family s26">
								{{ item.title }}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{ item.content }}
						</view>
					</view>
					<view class="list_box" v-for="(item, index) in dressList.after_sale" :key="index" v-if="status == 1">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png"></image>
							<view class="list_name family s26">
								{{ item.title }}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{ item.content }}
						</view>
					</view>
					<view class="bottom_btn_fuwu txtali familytow fblod" @click="close(2)">完成</view>
				</view>
			</block>
			<!-- 增加婚纱跳转产品详情订单 -->
			<block v-if="flag == 4">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">全民礼包</view>
					<!-- <view class="bottom_title s30 familytow">
						全民专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" style="height: 620rpx" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<block v-for="(item, index) in partnerList.people.gift" :key="index">
							<view
								id="demo1"
								class="scroll-view-item uni-bg-red flex"
								v-for="(items, indexs) in item.content"
								:key="indexs"
								@click="givingDetail(items.id, 0, true, items.number)"
							>
								<view class="left_box s28 family f500 txtali">赠送</view>
								<view class="left_box_txt s26 f500 family">
									{{ items.name }}
								</view>
								<view class="right_box_price">￥{{ items.price }}x{{ items.number }}</view>
								<view class="right_box_jt">
									<image class="w100 h100" src="../static/hhr_right_jt.png"></image>
								</view>
							</view>
							<view class="" style="margin-top: 10rpx">
								<view class="" style="display: flex; align-items: center">
									<view class="" style="font-size: 0">
										<image style="width: 24upx; height: 24upx" src="../../../static/fuwu.png"></image>
									</view>
									<view class="family s26" style="padding-left: 20rpx; color: #333">活动描述</view>
								</view>
								<view class="s24 family" style="color: #828282; margin-top: 16rpx; padding-right: 40rpx; padding-left: 40rpx">
									{{ item.desc }}
								</view>
							</view>
						</block>
					</scroll-view>
					<view
						style="
							width: 568rpx;
							height: 80rpx;
							background: #ebbe87;
							border-radius: 40rpx 40rpx 40rpx 40rpx;
							border: 2rpx solid #ebbe87;
							margin: 0 auto;
							margin-top: 60upx;
							line-height: 80rpx;
							color: #ffffff;
						"
						class="txtali familytow fblod"
						@click="close(2)"
					>
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 5">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">全民礼包</view>
					<!-- <view class="bottom_title s30 familytow">
						全民专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<!-- <view id="demo1" class="scroll-view-item uni-bg-red flex"
							v-for="(item,index) in partnerList.people.discount" :key="index"
							@click="givingDetail(item.id,0)"> -->
						<view id="demo1" class="scroll-view-item uni-bg-red flex" v-for="(item, index) in partnerList.people.discount" :key="index">
							<view class="left_box s28 family f500 txtali">折扣</view>
							<view class="left_box_txt s26 f500 family">
								{{ item.title }}
							</view>
						</view>
						<view class="" style="margin-top: 10rpx">
							<view class="" style="display: flex; align-items: center">
								<view class="" style="font-size: 0">
									<image style="width: 24upx; height: 24upx" src="../../../static/fuwu.png"></image>
								</view>
								<view class="family s26" style="padding-left: 20rpx; color: #333">活动描述</view>
							</view>
							<view class="s24 family" style="color: #828282; margin-top: 16rpx; padding-right: 40rpx; padding-left: 40rpx">
								{{ partnerList.people.discount[0].desc }}
							</view>
						</view>
					</scroll-view>
				</view>
			</block>
			<block v-if="flag == 6">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">全民礼包</view>
					<!-- <view class="bottom_title s30 familytow">
						全民专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" style="height: 620rpx" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<!-- @click="givingDetail(item.id,0)" -->
						<view id="demo1" class="scroll-view-item uni-bg-red flex" v-for="(item, index) in partnerList.people.full_reduction" :key="index">
							<view class="left_box s28 family f500 txtali">满减</view>
							<view class="left_box_txt s26 f500 family">
								{{ item.title }}
							</view>
						</view>
						<view class="" style="margin-top: 10rpx">
							<view class="" style="display: flex; align-items: center">
								<view class="" style="font-size: 0">
									<image style="width: 24upx; height: 24upx" src="../../../static/fuwu.png"></image>
								</view>
								<view class="family s26" style="padding-left: 20rpx; color: #333">活动描述</view>
							</view>
							<view class="s24 family" style="color: #828282; margin-top: 16rpx; padding-right: 40rpx; padding-left: 40rpx">
								{{ partnerList.people.full_reduction[0].desc }}
							</view>
						</view>
					</scroll-view>
					<view
						style="
							width: 568rpx;
							height: 80rpx;
							background: #ebbe87;
							border-radius: 40rpx 40rpx 40rpx 40rpx;
							border: 2rpx solid #ebbe87;
							margin: 0 auto;
							margin-top: 60upx;
							line-height: 80rpx;
							color: #ffffff;
						"
						class="txtali familytow fblod"
						@click="close(2)"
					>
						完成
					</view>
				</view>
			</block>
			<!-- 增加婚纱跳转产品详情订单 -->
			<block v-if="flag == 3">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">专享礼包</view>
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" style="height: 620rpx" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<block v-for="(item, index) in partnerList.member.gift" v-if="item.type == 'member'" :key="index">
							<view
								id="demo1"
								class="scroll-view-item uni-bg-red flex"
								v-for="(items, indexs) in item.content"
								:key="indexs"
								@click="givingDetail(items.id, 0, true, items.number)"
							>
								<view class="left_box s28 family f500 txtali">赠送</view>
								<view class="left_box_txt s26 f500 family">{{ items.difference }} {{ items.name }}</view>
								<view class="right_box_price">￥{{ items.price }}x{{ items.number }}</view>
								<view class="right_box_jt">
									<image class="w100 h100" src="../static/hhr_right_jt.png"></image>
								</view>
							</view>
							<view class="" style="margin-top: 10rpx">
								<view class="" style="display: flex; align-items: center">
									<view class="" style="font-size: 0">
										<image style="width: 24upx; height: 24upx" src="../../../static/fuwu.png"></image>
									</view>
									<view class="family s26" style="padding-left: 20rpx; color: #333">活动描述</view>
								</view>
								<view class="s24 family" style="color: #828282; margin-top: 16rpx; padding-right: 40rpx; padding-left: 40rpx">
									{{ item.desc }}
								</view>
							</view>
						</block>
					</scroll-view>
					<view
						style="
							width: 568rpx;
							height: 80rpx;
							background: #ebbe87;
							border-radius: 40rpx 40rpx 40rpx 40rpx;
							border: 2rpx solid #ebbe87;
							margin: 0 auto;
							margin-top: 60upx;
							line-height: 80rpx;
							color: #ffffff;
						"
						class="txtali familytow fblod"
						@click="close(2)"
					>
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 7">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">专享礼包</view>
					<view class="bottom_title s30 familytow">合伙人、返利会员、员工推荐亲友团专享优惠</view>
					<scroll-view :scroll-top="scrollTop" style="height: 620rpx" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<!-- @click="givingDetail(item.id,0)" -->
						<view id="demo1" class="scroll-view-item uni-bg-red flex" v-for="(item, index) in partnerList.member.full_reduction" :key="index">
							<view class="left_box s28 family f500 txtali">满减</view>
							<view class="left_box_txt s26 f500 family">
								{{ item.title }}
							</view>
						</view>
						<view class="" style="margin-top: 10rpx">
							<view class="" style="display: flex; align-items: center">
								<view class="" style="font-size: 0">
									<image style="width: 24upx; height: 24upx" src="../../../static/fuwu.png"></image>
								</view>
								<view class="family s26" style="padding-left: 20rpx; color: #333">活动描述</view>
							</view>
							<view class="s24 family" style="color: #828282; margin-top: 16rpx; padding-right: 40rpx; padding-left: 40rpx">
								{{ partnerList.member.full_reduction[0].desc }}
							</view>
						</view>
					</scroll-view>
					<view
						style="
							width: 568rpx;
							height: 80rpx;
							background: #ebbe87;
							border-radius: 40rpx 40rpx 40rpx 40rpx;
							border: 2rpx solid #ebbe87;
							margin: 0 auto;
							margin-top: 60upx;
							line-height: 80rpx;
							color: #ffffff;
						"
						class="txtali familytow fblod"
						@click="close(2)"
					>
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 8">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">专享礼包</view>
					<view class="bottom_title s30 familytow">合伙人、返利会员、员工推荐亲友团专享优惠</view>
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<view id="demo1" class="scroll-view-item uni-bg-red flex" v-for="(item, index) in partnerList.member.discount" :key="index">
							<view class="left_box s28 family f500 txtali">折扣</view>
							<view class="left_box_txt s26 f500 family">
								{{ item.title }}
							</view>
						</view>
						<view class="" style="margin-top: 10rpx">
							<view class="" style="display: flex; align-items: center">
								<view class="" style="font-size: 0">
									<image style="width: 24upx; height: 24upx" src="../../../static/fuwu.png"></image>
								</view>
								<view class="family s26" style="padding-left: 20rpx; color: #333">活动描述</view>
							</view>
							<view class="s24 family" style="color: #828282; margin-top: 16rpx; padding-right: 40rpx; padding-left: 40rpx">
								{{ partnerList.member.discount[0].desc }}
							</view>
						</view>
					</scroll-view>
				</view>
			</block>
			<block v-if="flag === 9">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s36 familytow fblod" style="color: #000">优惠券</view>
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scroll="scroll">
						<view id="demo1" class="scroll-view-item uni-bg-red flex" v-for="(item, index) in partnerList.people.full_reduction" :key="index">
							<view class="left_box s28 family f500 txtali">满减</view>
							<view class="left_box_txt s26 f500 family">
								{{ item.title }}
							</view>
						</view>
					</scroll-view>
				</view>
			</block>
			<block v-if="flag == 20">
				<view class="hhr_box_pop">
					<view style="padding-left: 76rpx; padding-right: 76rpx; padding-top: 38rpx">
						<view
							style="display: flex; justify-content: space-between; align-items: center; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #8a8a8a"
							v-for="(item, index) in stock_obj.sku_info.shops"
							:key="index"
						>
							<view style="line-height: 30px; padding: 0px 20rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">充值店铺: {{ item.shopname }}店铺</view>
							<view style="line-height: 30px; padding: 0px 20rpx; white-space: nowrap">充值金额: {{ Number(item.money).toFixed(2) }}元</view>
						</view>
					</view>
					<view class="pop_title txtali s36 familytow fblod" style="font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 30rpx; color: #000000; line-height: 42rpx">
						使用说明
					</view>
					<view style="line-height: 34rpx; padding: 20rpx 76rpx 0px 76rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #8a8a8a">
						1.该充值可在该商家购买标有“充值支付”的商品。
					</view>
					<view style="line-height: 34rpx; padding: 20rpx 76rpx 0px 76rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #8a8a8a">
						2.使用该充值购买该商家标有“充值支持”的商品时可1:1抵扣现金。
					</view>
					<view style="line-height: 34rpx; padding: 20rpx 76rpx 0px 76rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #8a8a8a">
						3.充值是否到账的充值记录、及充值支付的消费记录，可在会员界面中查看。
					</view>
				</view>
				<view
					style="
						width: 568rpx;
						height: 80rpx;
						background: #ebbe87;
						border-radius: 40rpx 40rpx 40rpx 40rpx;
						border: 2rpx solid #ebbe87;
						margin: 0 auto;
						margin-top: 68rpx;
						margin-bottom: 30rpx;
						line-height: 80rpx;
						color: #ffffff;
					"
					class="txtali familytow fblod"
					@click="close(2)"
				>
					完成
				</view>
			</block>
			<block v-if="flag == 21">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s36 familytow fblod" style="color: #db5757">异业活动详情说明</view>
					<scroll-view :scroll-y="true" :show-scrollbar="true" class="scroll-Y">
						<view class="couponItem">
							<image src="@/static/juanDetail.png" alt="" />
							<view style="padding-left: 20rpx">活动开始时间：{{ get_dates(couponArr.start_time) }}</view>
						</view>
						<view class="couponItem">
							<image src="@/static/juanDetail.png" alt="" />
							<view style="padding-left: 20rpx">活动结束时间：{{ get_dates(couponArr.end_time) }}</view>
						</view>
						<view v-for="(item, index) in couponArr.coupon_list" :key="index">
							<view class="couponItem">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx">活动商家：{{ item.shopname }}</view>
							</view>
							<view class="couponItem" style="align-items: flex-start">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx">
									<view class="flex">
										<view style="white-space: nowrap">优惠商品：</view>
										<view style="flex1">
											<view v-for="(items, index) in item.coupon_info.goods_list" :key="index">
												{{ item.coupon_info.goods_list.length > 1 ? `${index + 1}、` : '' }}{{ items.title }}
											</view>
										</view>
									</view>
								</view>
							</view>
							<view class="couponItem">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx">优惠券类型：{{ item.coupon_info.type | handleJuanType }}</view>
							</view>
							<view class="couponItem">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx">优惠券数量：{{ item.num }} 张</view>
							</view>
							<view class="couponItem">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx">{{ item.coupon_info.type == 'reduction' ? '立减金额' : '优惠折扣' }}：{{ item.couponItem }}</view>
							</view>
							<view class="couponItem">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx">有效期：{{ item.coupon_info.validity }}天</view>
							</view>
							<view class="couponItem" style="align-items: flex-start">
								<image src="@/static/juanDetail.png" alt="" />
								<view style="padding-left: 20rpx; flex: 1">使用说明：{{ item.coupon_info.content }}</view>
							</view>
						</view>
					</scroll-view>
				</view>
				<view
					style="
						width: 568rpx;
						height: 80rpx;
						background: #ebbe87;
						border-radius: 40rpx 40rpx 40rpx 40rpx;
						border: 2rpx solid #ebbe87;
						margin: 0 auto;
						margin-top: 60upx;
						margin-bottom: 60upx;
						line-height: 80rpx;
						color: #ffffff;
					"
					class="txtali familytow fblod"
					@click="close(2)"
				>
					完成
				</view>
			</block>
		</uni-popup>
		<!-- 选择弹窗 -->
		<uni-popup ref="popupfen" type="bottom" backgroundColor="transparent">
			<view class="boxfen">
				<view class="hbng" @click="clofenl">
					<image class="fenicon" src="@/static/loser.png" alt="" />
				</view>
				<view class="boxfen-list" @click="swpopup(i)" v-for="(item, i) in arrl" :key="i">
					<view class="boxfen-lei">
						<span>{{ item.lei }}</span>
					</view>
					<view class="flex-icon">
						<span>
							{{ item.content }}
							<image style="width: 18upx; height: 18upx; display: inline-block; margin-left: 12upx" src="@/static/rightjian.png" alt="" />
						</span>
					</view>
				</view>
				<view @click="nextStup" class="boxfen-btn">
					<button>下一步</button>
				</view>
				<view class="" style="height: 58rpx"></view>
			</view>
		</uni-popup>
		<uni-popup ref="popups" type="bottom" backgroundColor="white">
			<choice
				:paiqiObj="paiqiObj"
				:isshowkong="false"
				@rightArrow="rightArrow"
				@leftArrow="leftArrow"
				:year="year"
				:month="mouth"
				@clepop="clepop"
				@enterselect="goSelect"
			></choice>
		</uni-popup>
		<!-- 选择拍摄类型 -->
		<uni-popup ref="popupdd" type="bottom" backgroundColor="transparent">
			<view class="boxkl">
				<view class="hbng">
					<!-- <view class="iconk" @click="coslepop"></view> -->
				</view>
				<scroll-view class="scoll" :scroll-y="true">
					<view class="txtg" v-for="(item, i) in tablist" :class="{ check: objPackgre.type_id == item.id }" :key="i" @click="chans(item, i)">{{ item.name }}</view>
				</scroll-view>
			</view>
		</uni-popup>
		<share-box ref="child" :bottom="bottom" :show="show" :type="shareType" :sku_id="selectId"></share-box>
	</view>
</template>

<script>
import graPhic from '../../../components/graphic.vue';
import shareBox from '@/components/share.vue';
import choice from './choice.vue';
import { mapState } from 'vuex';
export default {
	components: {
		graPhic,
		shareBox,
		choice
	},
	computed: {
		...mapState(['icon'])
	},
	filters: {
		handleJuanType(val) {
			if (val == 'reduction') {
				return '立减劵';
			}
			if (val == 'discount') {
				return '折扣劵';
			}
		},
		handleEndDate(val) {
			if (val == '0000-00-00') {
				return '长期';
			} else {
				return val;
			}
		}
	},
	data() {
		return {
			tablist: [],
			is_recharge: '',
			arrl: [
				{
					lei: '拍摄类型',
					content: '不指定'
				},
				{
					lei: '选择档期',
					content: '不指定'
				},
				{
					lei: '摄影师',
					content: '不指定'
				},
				{
					lei: '化妆师',
					content: '不指定'
				}
			],
			goodsDetail: {}, // 商品详情
			dressList: {}, // 婚纱商品详情
			partnerList: '', // 优惠详情
			goodsIndex: 0, // 商品规格索引
			goodsName: '', // 商品规格名称
			status: null, // 判断是普通商品还是婚纱商品
			cart: false, // 判断是否是点击购物车
			goodsNum: 1, // 购买商品的数量
			options: [
				{
					// 底部菜单详情样式
					icon: 'shop',
					text: '店铺',
					infoBackgroundColor: '#007aff',
					infoColor: '#f5f5f5'
				},
				{
					icon: 'cart',
					text: '购物车',
					info: 0
				},
				{
					icon: 'star',
					text: '收藏',
					color: '#646566'
				}
			],
			customButtonGroup: [],
			controls: false,
			skuShop: [],
			videoShow: false,
			imageShow: true,
			tjIndex: 0,
			gdIndex: 0,
			tjList: [
				{
					name: '店铺推荐'
				},
				{
					name: '同城推荐'
				}
			],
			gdList: [
				{
					name: '服务内容'
				},
				{
					name: '图文介绍'
				}
			],
			flag1: false, // 判断机型
			show: false,
			type: null, // 判断搜索组件
			x: 10000000,
			y: 10000000,
			old: {
				x: 0,
				y: 0
			},
			flag: 0, // 判断弹窗
			money1: 0, // 规格的第一个参数
			money2: 0, // 规格的第二个参数
			selectId: '', // 规格id
			show: false,
			type1: 1,
			identity: 0, // 个人身份
			leve: '', // 分红参数
			leves: '', // 分红参数加商品量
			levess: '',
			share_type: '', //判断是否是分享的
			id: 0, // 店铺id
			share_user_id: '',
			follow_shop: '', // 店铺关注参数
			cartLists: [], // 购物车数据
			stockNum: 0, // 商品库存量
			dressMoney: 0, // 婚纱总金额
			yuanDressMoney: 0,
			day: '00', // 倒计时天数
			hou: '00', // 小时
			min: '00', // 分钟
			sec: '00', // 秒
			attrs: [],
			attrss: {}, //点击产品用
			huodong_tips: '',
			totalPrice: 0,
			recommendList: [], // 店铺推荐
			bottom: 'wedding', // 分享判断弹窗高度
			currentTime: '', // 获取当前时间精确到秒
			obj: [
				{
					text: '加入购物车',
					backgroundColor: '#F66069',
					color: '#fff'
				},
				{
					text: '立即下单',
					backgroundColor: '#EBBE87',
					color: '#fff'
				}
			],
			dressObj: [
				{
					text: '立即下单',
					backgroundColor: '#EBBE87',
					color: '#fff'
				}
			],
			shareType: null, // 判断分享出去的是什么商品
			shareUserid: 0,
			couponArr: {
				coupon_list: []
			},
			shareImg: '',
			shareTitle: '',
			return_member: 0,
			// 当前日期
			year: '',
			mouth: '',
			//查看档期数据
			paiqiObj: {},
			selectedTeacher: {}, //化妆师,
			Id: '',
			objPackgre: '', //拍摄类型
			isWeddingDress: 0, //0 显示购物车按钮 1不显示购物车按钮
			nowprice: 0,
			defaultPrices: 0,
			is_coupon: 0,
			selectSku: {},
			stock_obj: {},
			total_recharge_money: '',
			couponStatus: true
		};
	},
	onShareAppMessage(res) {
		this.$refs.child.colse();
		return {
			title: this.shareTitle,
			imageUrl: this.shareImg,
			path: '/pages/filePages/goodsDetail/goodsDetail?id=' + this.id + '&referrer=' + uni.getStorageSync('userInfo').id + '&type=' + this.shareType
		};
	},
	onLoad(option) {
		if (option.sku_id) {
			this.selectId = option.sku_id;
		}
		if (option.referrer) {
			this.share_user_id = option.referrer;
		}
		if (option.is_coupon && option.is_coupon == 1) {
			uni.setStorageSync('is_coupon', 1);
			uni.setStorageSync('coupon_id', option.coupon_id);
			this.is_coupon = 1;
		} else {
			this.is_coupon = 0;
			uni.setStorageSync('is_coupon', 0);
			uni.setStorageSync('coupon_id', '');
		}
		uni.removeStorageSync('addTeacher');
		uni.removeStorageSync('addTeacher2');
		if (option.type == 2) {
			this.status = 1;
		} else {
			this.status = option.type;
			// 婚纱处理掉底部左侧购物车按钮
		}
		// 婚纱模块传不了 改自己选
		if (option.obj) {
			this.objPackgre = JSON.parse(option.obj);
			this.arrl[0].content = this.objPackgre.type_names;
		}
		//传递预约信息
		if (option.app) {
			let app_info = JSON.parse(option.app);
			this.Id = parseInt(app_info.worker_s_id);
			this.selectedTeacher.id = parseInt(app_info.worker_z_id);
			this.arrl[3].content = app_info.worker_z_name;
			this.arrl[2].content = app_info.worker_s_name;
			this.arrl[1].content = app_info.times;
			this.objPackgre.type_id = parseInt(app_info.type_id);
		}
		if (this.selectId) {
			this.id = this.selectId;
		} else {
			this.id = option.id;
		}
		this.identity = uni.getStorageSync('userInfo').identity;
		// 获取当前时间
		let date = new Date().getTime();
		let number = date / 1000;
		this.currentTime = number.toFixed(0);
		// 判断是商城商品类型还是婚纱商品类型请求不同的接口和商品开售还是未开售
		if (option.type == 0) {
			this.getGoods(this.id, option);
			this.shareType = 0;
			// 获取合伙人列表
		} else {
			this.shareType = 1;
			this.isWeddingDress = 1;
			this.getDresslist(this.id);
			// 获取合伙人列表婚纱
			this.getGoodsDeatils(this.id, option.referrer);
		}
		this.year = this.getNowDate(1);
		this.mouth = this.getNowDate(2);
		this.seeTime(this.year + '-' + this.mouth);
		// 推荐分红
		this.getBonus(this.id);
		// 刷新用户信息
		this.$getUserInfo();
	},
	onShow() {
		if (uni.getStorageSync('yuyueid')) {
			// 删除预约
			this.$request({
				url: 'wedding/sys_appointment_del',
				method: 'POST',
				data: {
					id: uni.getStorageSync('yuyueid')
				}
			}).then((res) => {
				uni.removeStorageSync('yuyueid');
			});
		}
		this.cartLists = uni.getStorageSync('cartList');
		this.options[1].info = this.cartLists.length;
		this.getCartLists();
		if (uni.getStorageSync('addTeacher')) {
			//选择摄影师
			this.arrl[2].content = uni.getStorageSync('addTeacher').name ? uni.getStorageSync('addTeacher').name : '不指定';
			this.Id = uni.getStorageSync('addTeacher').id ? uni.getStorageSync('addTeacher').id : '';
		}
		if (uni.getStorageSync('addTeacher2')) {
			//选择化妆师
			this.arrl[3].content = uni.getStorageSync('addTeacher2').name ? (this.arrl[3].content = uni.getStorageSync('addTeacher2').name) : '不指定';
			this.selectedTeacher = uni.getStorageSync('addTeacher2').name ? uni.getStorageSync('addTeacher2') : '';
		}
		this.getTotalMoeny();
	},
	onReady() {
		this.flag1 = this.bottomNav();
	},
	methods: {
		//点击展示规格
		showSpecifications(index, indexs, a) {
			let temp = this.dressList.attrs_list[index].value[indexs].show;
			this.dressList.attrs_list.forEach((item) => {
				item.value.forEach((items) => {
					items.show = false;
				});
			});
			if (temp) {
				this.dressList.attrs_list[index].value[indexs].show = false;
			} else {
				this.dressList.attrs_list[index].value[indexs].show = true;
			}
			this.$forceUpdate();
		},
		// 确认选择档期
		goSelect(val) {
			this.arrl[1].content = val;
		},
		//弹窗开与关
		kai() {
			this.$refs['popupdd'].open();
		},
		coslepop() {
			this.$refs['popupdd'].close();
		},
		clepop() {
			this.$refs['popups'].close();
		},
		openp() {
			this.$refs['popups'].open();
		},
		fen() {
			this.$refs['popupfen'].open();
		},
		clofenl() {
			this.$refs['popupfen'].close();
		},
		// 婚纱模块传不了 改自己选
		// 选择拍摄类类型
		chans(e, k) {
			this.arrl[0].content = e.name;
			this.objPackgre = {
				type_id: e.id
			};
			this.$refs['popupfen'].open();
			this.coslepop();
		},
		// 婚纱模块传不了 改自己选
		// 获取拍摄类型列表
		getStoreData(id) {
			this.$request({
				url: 'shop/getShopInfo',
				data: {
					id: id,
					lng: uni.getStorageSync('location').longitude,
					lat: uni.getStorageSync('location').latitude
				}
			}).then((res) => {
				if (res.statusCode == 200) {
					this.tablist = res.data.data.category;
				}
			});
		},
		swpopup(i) {
			if (i == 0) {
				// 婚纱模块传不了 改自己选
			} else if (i === 1) {
				this.openp();
			} else {
				// 婚纱模块传不了 改自己选
				if (this.objPackgre == '') {
					uni.showToast({
						title: '请选择拍摄类型',
						icon: 'none'
					});
					return;
				}
				if (this.arrl[1].content == '不指定') {
					uni.showToast({
						title: '请选择档期',
						icon: 'none'
					});
					return;
				}

				let obj = {
					type: i,
					type_id: this.objPackgre.type_id,
					time: this.arrl[1].content,
					sysId: this.id,
					shopId: this.dressList.shop_id
				};
				uni.navigateTo({
					url: `../../teacher/select?obj=${JSON.stringify(obj)}`
				});
			}
		},
		//查看档期 月份加减
		leftArrow() {
			this.mouth--;
			if (this.mouth < 1) {
				this.year--;
				this.mouth = 12;
			}
			this.seeTime(this.year + '-' + this.mouth);
		},
		rightArrow() {
			this.mouth++;
			if (this.mouth > 12) {
				this.year++;
				this.mouth = 1;
			}
			this.seeTime(this.year + '-' + this.mouth);
		},
		// 查看档期
		seeTime(e) {
			let res = {
				data: {
					data: {
						date: []
					}
				}
			};
			let dayNum = this.mGetDate(e.split('-')[0], e.split('-')[1]);
			for (let i = 0; i < dayNum; i++) {
				res.data.data.date.push({
					num: i + 1,
					type: 1 //1空2满3休
				});
			}

			let week = new Date(e + '-1').getDay();
			// 计算上个月的天数
			let years = 0;
			let months = 0;
			if (this.mouth - 1 < 1) {
				years = this.year - 1;
				months = 12;
			} else {
				years = this.year;
				months = this.mouth - 1;
			}
			let days = new Date(years, months, 0).getDate();
			for (let i = 0; i < week; i++) {
				let obj = {
					num: days - i,
					type: 4 //1空2满3休
				};
				res.data.data.date.unshift(obj);
			}
			for (let i = 0; i < res.data.data.date.length % 7; i++) {
				let obj = {
					num: i + 1,
					type: 4 //1空2满3休
				};
				res.data.data.date.push(obj);
			}
			this.paiqiObj = res.data.data;
		},
		// 获取店铺信息
		getStoreDetail(id) {
			this.$request({
				url: 'shop/getShopInfo',
				data: {
					id: id
				}
			}).then((res) => {
				this.follow_shop = res.data.data.follow;
			});
		},
		// 获取婚纱商品详情
		getDresslist(id) {
			this.$request({
				url: 'package/sample',
				data: {
					id: id
				}
			}).then((res) => {
				const obj = {
					shops: res.data.data.shops
				};
				this.dressList = res.data.data;
				this.stock_obj.sku_info = obj;
				this.totalPrice = this.dressList.price;
				this.is_recharge = this.dressList.is_recharge;
				this.total_recharge_money = this.dressList.recharge_money.toFixed(2);
				if (this.objPackgre == '') {
					let obj = {
						type_id: this.dressList.shop_category[0].id,
						type_names: this.dressList.shop_category[0].name
					};
					this.objPackgre = obj;
					this.arrl[0].content = this.objPackgre.type_names;
				}
				this.getRecommendeds(res.data.data.id);
				uni.setStorageSync('attrs', res.data.data.attrs);
				res.data.data.content = res.data.data.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, (match, capture) => {
					var img = `<img style="display: block;width: 100%;" src="${capture}" />`;
					return img;
				});
				this.getStoreDetail(res.data.data.shop_id);
				// 婚纱模块传不了 改自己选
				this.getStoreData(res.data.data.shop_id);
				res.data.data.follow ? (this.options[2].icon = 'star-filled') : (this.options[2].icon = 'star');
				res.data.data.follow && (this.options[2].color = '#EBBE87');
				let priceObj = {};
				this.dressList.attrs_list.forEach((item) => {
					priceObj[item.id] = 0;
					item.value.forEach((items) => {
						items.flag = 1;
						items.is_default = 1;
						items.show = false;
						priceObj[item.id] = (priceObj[item.id] * 100 + items.selling_price * 100 * items.number) / 100;
					});
				});
				this.shareTitle = this.dressList.name;
				this.shareImg = 'https://sz.vvv5g.com' + this.dressList.images;
				uni.setStorageSync('selling_price', priceObj);
				// 秒杀活动
				if (this.dressList.endtime != 0) {
					if (Number(this.currentTime) > this.dressList.endtime) {
						this.dressObj[0].text = '已结束';
						this.huodong_tips = '活动已结束';
						this.dressObj[0].backgroundColor = '#666666';
						this.setTime(res.data.data.endtime);
					} else if (Number(this.currentTime) < this.dressList.starttime) {
						this.dressObj[0].text = '未开售';
						this.huodong_tips = '活动开始倒计时';
						this.dressObj[0].backgroundColor = '#666666';
						this.setTime(res.data.data.starttime);
					} else {
						this.dressObj[0].text = '去抢购';
						this.huodong_tips = '活动结束倒计时';
						this.setTime(res.data.data.endtime);
					}
					this.customButtonGroup = this.dressObj;
				} else {
					this.customButtonGroup = this.dressObj;
				}
				if (res.data.data?.yy_coupon?.coupon_list?.length > 0) {
					res.data.data.yy_coupon.coupon_list.map((item) => {
						if (item.coupon_info.type == 'reduction') {
							if (item.coupon_info.limit) {
								item.couponItem = `满${item.coupon_info.limit}减${item.coupon_info.price}元`;
							} else {
								item.couponItem = `${item.coupon_info.price}元`;
							}
						}
						if (item.coupon_info.type == 'discount') {
							if (item.coupon_info.limit) {
								item.couponItem = `满${item.coupon_info.limit}打${item.coupon_info.discount}折`;
							} else {
								item.couponItem = `${item.coupon_info.discount}折`;
							}
						}
					});
					this.couponArr = res.data.data.yy_coupon;
				}
			});
		},
		// 获取商城商品详情
		getGoods(id, option) {
			this.$request({
				url: 'product/goods',
				data: {
					id: id,
					sku_id: this.selectId,
					is_coupon: this.is_coupon
				}
			}).then((res) => {
				const { code, data, msg } = res.data;
				if (code == 1) {
					//详情正则
					data.content = data.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, (match, capture) => {
						var img = `<img style="display: block; width: 100%;" src="${capture}" />`;
						return img;
					});
					this.goodsDetail = data;
					this.shareTitle = this.goodsDetail.description;
					this.shareImg = 'https://sz.vvv5g.com' + this.goodsDetail.cimage;
					this.getStoreDetail(data.shop_id);
					// 推荐商品
					this.getRecommended(data.id);
					data.follow ? (this.options[2].icon = 'star-filled') : (this.options[2].icon = 'star');
					data.follow && (this.options[2].color = '#EBBE87');
					this.goodsName = this.goodsDetail.sku[0].difference[0];
					this.selectSku = this.goodsDetail.sku[0];
					this.selectId = this.goodsDetail.sku[0].id;
					this.getGoodsDeatil(this.selectId);
					this.money1 = this.goodsDetail.sku[0].price;
					this.money2 = this.goodsDetail.sku[0].price;
					this.getStock();
					if (this.goodsDetail.sku[0].thumbnail) {
						this.goodsDetail.image_src = this.goodsDetail.sku[0].thumbnail;
						this.goodsDetail.images_src.unshift(this.goodsDetail.sku[0].thumbnail);
					}
					let max = this.goodsDetail.price;
					let min = this.goodsDetail.price;
					this.goodsDetail.sku.map((item, index) => {
						if (Number(item.price) >= Number(max)) {
							max = Number(item.price);
						} else {
							min = Number(item.price);
						}
					});
				} else {
					uni.showModal({
						title: '提示',
						content: msg,
						showCancel: false,
						success: function (res) {
							if (res.confirm) {
								uni.navigateBack({});
							}
						}
					});
				}
			});
		},
		// 调取导航
		getOpenLoaction() {
			uni.openLocation({
				latitude: Number(this.goodsDetail.shop.latitude),
				longitude: Number(this.goodsDetail.shop.longitude),
				success: function () {
					return false;
				},
				fail(error) {
					return false;
				}
			});
		},
		// 获取合伙人列表
		getGoodsDeatil(id) {
			let that = this;
			this.$request({
				url: 'product/getDiscount',
				data: {
					id: id,
					share_user_id: this.share_user_id ? this.share_user_id : '',
					is_coupon: uni.getStorageSync('is_coupon'),
					coupon_id: uni.getStorageSync('coupon_id')
				}
			}).then((res) => {
				that.partnerList = res.data.data;
				// this.shareType = 0
			});
		},
		// 获取合伙人列表婚纱
		getGoodsDeatils(id, share_user_id) {
			let that = this;
			this.$request({
				url: 'package/getDiscount',
				data: {
					id: id,
					share_user_id: share_user_id ? share_user_id : '',
					is_coupon: uni.getStorageSync('is_coupon')
				}
			}).then((res) => {
				try {
					if (res.data.data.people.full_reduction.length == 0) {
						res.data.data.people.full_reduction = null;
					}
				} catch (e) {}
				that.partnerList = res.data.data;
				// this.shareType = 1;
			});
		},
		// 关注店铺
		guanZhu(id, follow, did, dfollow) {
			let shopId = 0;
			if (this.status == 0) {
				shopId = id;
			} else {
				shopId = did;
			}
			this.$request({
				url: 'shop/follow',
				method: 'POST',
				data: {
					id: shopId
				}
			}).then((res) => {
				if (res.statusCode == 200) {
					this.follow_shop = res.data.data;
					if (res.data.data == false) {
						uni.showToast({
							title: '取消关注',
							icon: 'none',
							duration: 2000
						});
					} else {
						uni.showToast({
							title: '关注成功',
							icon: 'none',
							duration: 2000
						});
					}
				}
			});
		},
		// 获取总金额（感觉没用)
		getTotalMoeny() {
			let price = 0;
			if (this.dressList.attrs_list) {
				this.dressList.attrs_list.map((item, index) => {
					item.value.map((v, idx) => {
						price = price + (Number(v.selling_price) * 1 * Number(v.number)).toFixed(2);
					});
				});
			}
		},

		// 遍历总金额
		getPrice(price, type = 'jia') {
			if (type == 'jia') {
				console.log(this.totalPrice);
				console.log(this.price);
				this.totalPrice = Number(this.totalPrice) + Number(price);
				this.totalPrice = this.totalPrice.toFixed(2);
				console.log(this.totalPrice);
			} else {
				let ttpr = (Number(this.totalPrice * 100) - Number(price * 100)) / 100;
				ttpr = ttpr.toFixed(2);

				if (Number(ttpr) < Number(this.dressList.price)) {
					uni.showToast({
						title: '更改后的套系产品总价，不能低于原套系产品总价',
						icon: 'none',
						duration: 2000
					});
					return false;
				}
				this.totalPrice = Number(this.totalPrice) - Number(price);
				this.totalPrice = this.totalPrice.toFixed(2);
			}
		},
		// 遍历婚纱原价
		getPriceYuan() {
			let arr = 0,
				drePrice = 0;
			let dressPrice = this.dressList.attrs.forEach((item) => {
				item.values.forEach((goods) => {
					if (goods.is_default == 1) {
						let discountMy = Number(goods.discount) / 100;
						arr = Number(goods.number) * Number(goods.price) * discountMy;
						drePrice += arr;
					} else {
						return;
					}
				});
			});
			this.yuanDressMoney = drePrice;
		},
		// 获取商品库存
		getStock() {
			this.$request({
				url: 'product/stock',
				data: {
					sku_id: this.selectId
				}
			}).then((res) => {
				const self = this;
				const { code, data, msg } = res.data;
				if (code == 1) {
					self.stock_obj = data;
					self.stockNum = data.nums;
					self.skuShop = data.sku_info.shops;
					self.leve = data.level_rebate;
					self.total_recharge_money = data.sku_info.total_recharge_money;
					self.is_recharge = data.sku_info.is_recharge;
					self.goodsDetail.price = data.sku_info.price;
					self.money1 = data.sku_info.price;
					self.money2 = data.sku_info.price;
					self.goodsDetail.starttime = data.skill_info.starttime;
					self.goodsDetail.endtime = data.skill_info.endtime;
					self.goodsDetail.is_skill = data.skill_info.is_skill;
					self.goodsDetail.expire = data.skill_info.expire;
					if (data.sku_info.thumbnail) {
						self.$set(self.goodsDetail, 'image_src', data.sku_info.thumbnail);
						self.goodsDetail.images_src.splice(0);
						self.goodsDetail.images_src.unshift(self.goodsDetail.image_src);
					}

					if (Object.prototype.isPrototypeOf(data.yy_coupon) && Object.keys(data.yy_coupon).length > 0) {
						data.yy_coupon?.coupon_list?.map((item) => {
							if (item.coupon_info.type == 'reduction') {
								if (item.coupon_info.limit) {
									item.couponItem = `满${item.coupon_info.limit}减${item.coupon_info.price}元`;
								} else {
									item.couponItem = `${item.coupon_info.price}元`;
								}
							}
							if (item.coupon_info.type == 'discount') {
								if (item.coupon_info.limit) {
									item.couponItem = `满${item.coupon_info.limit}打${item.coupon_info.discount}折`;
								} else {
									item.couponItem = `${item.coupon_info.discount}折`;
								}
							}
						});
						self.couponArr = data.yy_coupon;
					} else {
						self.couponArr = {
							coupon_list: []
						};
					}
					if (self.couponArr?.coupon_list?.length) {
						let objData = self.couponArr?.coupon_list[0].range_info?.find((item) => item.id == self.selectId);
						uni.setStorageSync('juanData', {
							...objData,
							...self.couponArr.coupon_list[0]
						});
					}
					// 秒杀活动
					if (self.goodsDetail.is_skill) {
						let btnObj = JSON.parse(JSON.stringify(self.obj));
						if (Number(self.currentTime) > self.goodsDetail.endtime) {
							btnObj[1].text = '已结束';
							self.huodong_tips = '活动已结束';
							btnObj[1].backgroundColor = '#DDDFE7';
							self.setTime(self.goodsDetail.endtime);
						} else if (Number(self.currentTime) < self.goodsDetail.starttime) {
							btnObj[1].text = '未开售';
							self.huodong_tips = '活动开始倒计时';
							btnObj[1].backgroundColor = '#DDDFE7';
							self.setTime(self.goodsDetail.starttime);
						} else {
							btnObj[1].text = '去抢购';
							self.huodong_tips = '活动结束倒计时';
							self.setTime(self.goodsDetail.endtime);
						}
						self.customButtonGroup = btnObj;
					} else {
						self.customButtonGroup = self.obj;
					}
				} else {
					uni.showToast({
						title: msg,
						icon: 'error'
					});
				}
			});
		},

		// 选择商品规格（婚纱商品没有规格）
		onGoods(index, name, id) {
			if (this.is_coupon == 1) {
				return;
			}
			this.goodsName = name;
			this.goodsIndex = index;
			this.selectId = id;
			this.money1 = this.goodsDetail.sku[index].price;
			this.money2 = this.goodsDetail.sku[index].price;
			this.getStock();
			this.money1 = (Number(this.money1) * Number(this.goodsNum)).toFixed(2);
			this.goodsDetail.price = this.money1;
		},
		// 设置弹窗里面图片放大
		see() {
			uni.previewImage({
				urls: this.goodsDetail.images_src,
				longPressActions: {
					itemList: ['发送给朋友', '保存图片', '收藏', '识别二维码'],
					success: function (data) {
						return false;
					},
					fail: function (err) {
						return false;
					}
				}
			});
		},
		// 推荐分红
		getBonus(id) {
			let that = this;
			that
				.$request({
					url: that.status == 0 ? 'product/rebate_rule' : 'package/rebate_rule',
					method: 'POST',
					data: {
						id: id,
						is_coupon: this.is_coupon
					}
				})
				.then((res) => {
					let bonus = res.data.data;
					if (bonus && bonus.level_rebate) {
						that.leve = bonus.level_rebate;
						that.leves = bonus.level_rebate;
						that.levess = bonus.level_rebate;
					}
					if (bonus && bonus.share_type) {
						that.share_type = bonus.share_type;
					}
					if (bonus && bonus.member) {
						that.return_member = bonus.member;
					}
				});
		},
		// 设置选择商品数量最小值
		goodsNumJian() {
			let arr = this.money1.toString().split('-');
			if (this.goodsNum == 1) {
				uni.showToast({
					title: '最少购买一件!',
					icon: 'none'
				});
			} else {
				this.goodsNum--;
				this.leve =
					(Number(this.leves.split('/')[0]) - Number(this.levess.split('/')[0])).toFixed(2) +
					'/' +
					(Number(this.leves.split('/')[1]) - Number(this.levess.split('/')[1])).toFixed(2);
				this.leves = this.leve;
			}
			if (arr.length < 2) {
				this.money1 = Number(this.money2) * Number(this.goodsNum);
			}
		},

		// 设置商品数量
		goodsNumJia() {
			let is_coupon = uni.getStorageSync('is_coupon');
			if (is_coupon == 1) {
				return;
			}
			let arr = this.money1.toString().split('-');

			if (this.goodsName.length == '0') {
				uni.showToast({
					title: '请选择规格',
					duration: 2000,
					icon: 'none'
				});
				return;
			} else {
				if (this.goodsNum + 1 > this.stockNum) {
					uni.showToast({
						title: '别加了没了!',
						duration: 2000,
						icon: 'none'
					});
					return;
				} else {
					this.goodsNum++;
					this.leve =
						(Number(this.leves.split('/')[0]) + Number(this.levess.split('/')[0])).toFixed(2) +
						'/' +
						(Number(this.leves.split('/')[1]) + Number(this.levess.split('/')[1])).toFixed(2);
					this.leves = this.leve;
					if (arr.length < 2) {
						this.money1 = Number(this.money2) * Number(this.goodsNum);
					}
				}
			}
		},
		onChange(e) {
			this.old.x = e.detail.x;
			this.old.y = e.detail.y;
		},

		// 跳转评论页
		goEvaluate() {
			if (this.status == 0) {
				uni.navigateTo({
					url: '../evaluate/evaluate?id=' + this.goodsDetail.id + '&shopid=' + this.goodsDetail.shop_id
				});
			} else {
				uni.navigateTo({
					url: '../evaluate/evaluate?id=' + this.dressList.id + '&shopid=' + this.dressList.shop_id
				});
			}
		},

		// 计算倒计时
		setTime(myDate) {
			let date = this.get_dates(myDate);
			clearInterval(this.time);
			if (!date) return;
			let time_str = new Date(date.replace(/-/g, '-'));
			let time = time_str.getTime() - new Date().getTime();
			if (time <= 0) {
				return;
				time = new Date().getTime() - time_str.getTime();
			}
			let timerDay = time / 1000 / 60 / 60 / 24;
			let timerHou = parseInt((time / 1000 / 60 / 60) % 24);
			let timerMin = parseInt((time / 1000 / 60) % 60);
			let timerSec = parseInt((time / 1000) % 60);
			this.day = parseInt(timerDay % this.mGetDate(this.hou, this.min));
			this.hou = timerHou < 10 ? '0' + timerHou : timerHou;
			this.min = timerMin < 10 ? '0' + timerMin : timerMin;
			this.sec = timerSec < 10 ? '0' + timerSec : timerSec;
			this.time = setInterval(() => {
				let time = time_str.getTime() - new Date().getTime();
				if (time <= 0) {
					time = new Date().getTime() - time_str.getTime();
				}
				if (time < 0) {
					clearInterval(this.time);
					this.day = '00';
					this.hou = '00';
					this.min = '00';
					this.sec = '00';
					return;
				}
				this.day = parseInt(timerDay % this.mGetDate(this.hou, this.min));
				this.hou = timerHou < 10 ? '0' + timerHou : timerHou;
				this.min = timerMin < 10 ? '0' + timerMin : timerMin;
				this.sec = timerSec < 10 ? '0' + timerSec : timerSec;
			}, 1000);
		},
		// 计算一个月有多少天
		mGetDate(year, month) {
			let date = new Date(year, month, 0);
			return date.getDate();
		},

		// 跳转婚纱产品列表页
		goGive(date) {
			this.$store.commit('getGive', date);
			uni.navigateTo({
				url:
					'./give?goodsId=' +
					this.dressList.id +
					'&shopId=' +
					this.dressList.shop_id +
					'&price=' +
					this.dressList.price +
					'&totalPrice=' +
					this.totalPrice +
					'&nowprice=' +
					this.nowprice
			});
		},
		// 跳转婚纱产品详情
		goGiveDetail(date, id, number, index) {
			this.$store.commit('getGive', date);
			this.attrss = this.$store.state.give;
			uni.navigateTo({
				url: `./presenter?id=${id}&number=${number}&index=${index}`
			});
		},
		jianNum(number, index) {
			let type = false,
				defaultDiscount = 0,
				item = this.attrss.value[index];
			this.attrss.value[index].number--;
			if (item.flag == 1) {
				defaultDiscount = Number(item.discount) / 100;
				this.defaultPrice += Number(item.price) * defaultDiscount;
			} else {
				for (let i = 0; i < this.attrss.value.length; i++) {
					if (this.attrss.value[i].number >= 1) {
						type = true;
						break;
					}
				}
				if (type) {
					if (this.attrss.value[index].number < 1) {
						this.attrss.value[index].number = 0;
						this.attrss.value[index].is_default = 0;
					} else {
						this.attrss.value[index].is_default = 1;
					}
				} else {
					this.attrss.value[index].number <= 0 && ((this.attrss.value[index].number = 1), (this.attrss.value[index].is_default = 1));
					uni.showToast({
						title: '我是有底线的!',
						icon: 'none'
					});
				}
			}
		},
		jiaNum(number, index) {
			let item = this.attrss.value[index];
			let zk = Number(item.discount) / 100;
			let totel = Number(item.number) * Number(item.price) * zk;
			if (item.flag == 1) {
				this.defaultPrice = 0;
			}
			this.attrss.value[index].is_default = 1;
			this.attrss.value[index].number++;
		},
		// 跳转卡券页
		onCoupon() {
			uni.navigateTo({
				url: '../coupon/coupon'
			});
		},

		// 获取购物车数据
		getCartLists() {
			for (let i = 0; i < this.cartLists.length; i++) {
				return this.cartLists[i].goods_id;
			}
		},

		// 跳转婚纱赠送套系详情
		goDetail(id, number, index, data) {
			this.$store.commit('getGive', date);
			uni.navigateTo({
				url: `/pages/filePages/goodsDetail/presenter?id=${id}&number=${number}&index=${index}`
			});
		},
		// 关闭popup和判断是商城商品还是婚纱商品
		close(flag) {
			if (this.cart == true) {
				if (this.goodsName.length == 0 && flag == 1) {
					uni.showToast({
						title: '请选择规格',
						icon: 'none',
						duration: 2000
					});
				} else {
					let goodsData = {
						type: 'add',
						data: {
							goods_id: this.goodsDetail.id,
							number: this.goodsNum,
							sku_id: this.selectId,
							shop_id: this.goodsDetail.shop_id,
							title: this.goodsDetail.title,
							sku: this.goodsDetail.sku
						}
					};
					this.$refs.popup.close();
					this.$request({
						url: 'cart/storage',
						method: 'POST',
						data: goodsData
					}).then((res) => {
						if (res.statusCode == 200) {
							uni.showToast({
								title: '已加入购物车!',
								icon: 'none',
								duration: 2000
							});
							if (this.goodsDetail.id == this.getCartLists()) {
								this.$store.dispatch('getCarList');
							} else {
								this.$store.dispatch('getCarList');
								setTimeout(() => {
									this.options[1].info = uni.getStorageSync('cartList').length;
								}, 1000);
							}
						}
					});
				}
			} else {
				let goodsData = {
					goods_id: this.goodsDetail.id,
					number: this.goodsNum,
					sku_id: this.selectId,
					shop_id: this.goodsDetail.shop_id,
					share_user_id: this.share_user_id,
					leve: this.leve,
					return_member: this.return_member
				};
				if (flag == 1 && this.goodsName.length != 0) {
					uni.navigateTo({
						url: `/pages/order/order?data=${JSON.stringify(goodsData)}&flag=${0}`
					});
					this.$refs.popup.close();
				} else {
					uni.showToast({
						title: '请选择规格',
						icon: 'none',
						duration: 2000
					});
				}
			}
			if (flag == 2) {
				uni.hideToast();
				this.$refs.popup.close();
			}
		},
		// 点击跳转购物车/店铺/收藏
		onClick(e) {
			if (e.index == 1) {
				uni.navigateTo({
					url: '/pages/filePages/shopping_cart/shopping_cart'
				});
			} else if (e.index == 0) {
				if (this.status == 0) {
					let shopDetail = {
						shopname: this.goodsDetail.shop.shopname,
						id: this.goodsDetail.shop_id,
						flag: this.status
					};
					uni.navigateTo({
						url: '/pages/filePages/storePages/index'
					});
					this.$store.commit('getDataShop', shopDetail);
				} else {
					uni.navigateTo({
						url: '/pages/store/goodsList?id=' + this.dressList.shop_id + '&name=' + this.dressList.shop.shopname + '&flag=' + this.status
					});
				}
			} else {
				let url = '';
				let id = 0;
				if (this.status == 0) {
					url = 'product/follow';
					id = this.goodsDetail.id;
				} else {
					url = 'package/follow';
					id = this.dressList.id;
				}
				this.$request({
					url: url,
					method: 'POST',
					data: {
						id: id,
						sku_id: this.selectId
					}
				}).then((res) => {
					let flag = res.data.data;
					if (res.statusCode == 200) {
						if (flag == true) {
							this.options[2].icon = 'star-filled';
							this.options[2].color = '#EBBE87';
							uni.showToast({
								title: '收藏成功',
								icon: 'none'
							});
						} else {
							uni.showToast({
								title: '取消收藏',
								icon: 'none'
							});
							this.options[2].icon = 'star';
						}
						this.$store.dispatch('getCollection');
					}
				});
			}
		},
		// 跳转下单和加入购物车
		buttonClick(e) {
			let that = this;
			if (that.goodsDetail.endtime == 0 || that.dressList.endtime == 0) {
				that.placeOrder(e);
			} else {
				if (that.goodsDetail.expire || that.dressList.expire) {
					that.placeOrder(e);
				} else {
					uni.showToast({
						title: '已结束',
						icon: 'none',
						duration: 2000
					});
				}
			}
		},

		// 下单
		placeOrder(e) {
			if (e.content.text == '加入购物车' && this.status == 0) {
				this.cart = true;
				if (this.goodsName.length == 0) {
					this.toggle('bottom', 1);
					uni.showToast({
						title: '请选择规格',
						icon: 'none',
						duration: 1000
					});
				} else {
					this.toggle('bottom', 1);
				}
			} else {
				this.cart = false;
				if (this.status == 0) {
					let goodsData = {
						goods_id: this.goodsDetail.id,
						number: this.goodsNum,
						sku_id: this.selectId,
						shop_id: this.goodsDetail.shop_id,
						leve: this.leve,
						return_member: this.return_member
					};
					this.show = !this.show;
					if (e.content.text == '立即下单') {
						this.type = 1;
					} else {
						this.type = 0;
					}
					if (e.content.text == '立即下单') {
						this.toggle('bottom', 1);
					} else if (e.content.text == '去抢购') {
						uni.navigateTo({
							url: `/pages/order/order?data=${JSON.stringify(goodsData)}&flag=${0}`
						});
					}
				} else {
					this.fen();
					return;
					let that = this;
					let goodsData = {
						shop_id: that.dressList.shop_id,
						package_id: that.dressList.id,
						spec: [],
						leve: this.leve,
						return_member: this.return_member
					};
					that.dressList.attrs.forEach((item, index) => {
						item.values.forEach((items) => {
							if (items.is_default == 1) {
								goodsData.spec.push({
									id: items.id,
									number: items.number
								});
							}
						});
					});
					let totalPrice = that.totalPrice == 0 ? that.dressList.price : that.totalPrice;
					uni.navigateTo({
						url: `/pages/order/order?data=${JSON.stringify(goodsData)}&flag=${1}&price=${totalPrice}`
					});
				}
			}
		},
		// 套系点击下一部
		nextStup() {
			if (!uni.getStorageSync('userInfo')) {
				uni.showToast({
					title: '请先登录再操作',
					icon: 'none'
				});
				return;
			}
			// 婚纱模块传不了 改自己选
			if (this.objPackgre == '') {
				uni.showToast({
					title: '请选择拍摄类型',
					icon: 'none'
				});
				return;
			}
			let that = this;
			let goodsData = {
				shop_id: that.dressList.shop_id,
				package_id: that.dressList.id,
				share_user_id: that.share_user_id ? that.share_user_id : '',
				spec: [],
				obj: {
					taoxiId: this.id,
					worker_s_id: this.Id,
					worker_z_id: this.selectedTeacher.id,
					worker_z_name: this.arrl[3].content,
					worker_s_name: this.arrl[2].content,
					times: this.arrl[1].content,
					type_id: this.objPackgre.type_id
				},
				leve: this.leve,
				return_member: this.return_member
			};
			// 标记
			that.dressList.attrs_list.forEach((item, index) => {
				item.value.forEach((items) => {
					if (items.number > 0) {
						goodsData.spec.push({
							id: items.id,
							number: items.number,
							price: items.sku.selling_price,
							name: that.spceType(items.name, items.sku.difference, items.spec_type),
							sku_id: items.sku.id
						});
					}
				});
			});
			let totalPrice = that.totalPrice == 0 ? that.dressList.price : that.totalPrice;
			uni.navigateTo({
				url: `/pages/order/order?data=${JSON.stringify(goodsData)}&flag=${1}&price=${totalPrice}`
			});
		},
		// 获取推荐商品-商品
		getRecommended() {
			let that = this;
			that
				.$request({
					url: 'product/recommend',
					data: {
						id: that.id,
						type: that.tjIndex,
						is_coupon: this.is_coupon
					}
				})
				.then((res) => {
					if ((res.data.code = 1)) {
						this.recommendList = res.data.data.data;
					}
				});
		},
		// 获取推荐商品-婚纱
		getRecommendeds() {
			let that = this;
			that
				.$request({
					url: 'Package/recommend',
					data: {
						id: that.id,
						type: Number(that.tjIndex) + 1
					}
				})
				.then((res) => {
					if ((res.data.code = 1)) {
						this.recommendList = res.data.data.data;
					}
				});
		},
		// 跳转赠送商品的详情页
		givingDetail(id, type, types, number) {
			if (types && this.shareType == 1) {
				// 婚纱赠送产品的详情页
				uni.navigateTo({
					url: '/pages/filePages/goodsDetail/presenter1?id=' + id + '&number=' + number + '&index=0' + '&isGift=1'
				});
			} else {
				uni.navigateTo({
					url: '/pages/filePages/goodsDetail/goodsDetail?id=' + id + '&type=' + type
				});
			}
		},

		// 底部box切换
		gdQue(ind) {
			this.gdIndex = ind;
		},
		// 店铺推荐/商城推荐btn切换
		onQie(ind) {
			console.log('onQie');
			console.log(this.shareType);
			this.tjIndex = ind;
			if (this.shareType == 1) {
				this.getRecommended();
			} else {
				this.getRecommendeds();
			}
		},
		// 切换视频轮播
		dVideo() {
			this.videoShow = true;
			this.imageShow = false;
		},
		// 切换图片轮播
		dImage() {
			this.videoShow = false;
			this.imageShow = true;
		},

		// 控制popup弹出和判断是否是商城商品还是婚纱商品
		toggle(type, flag) {
			this.flag = flag;
			if (flag == 1) {
				if (this.status == 0) {
					this.$refs.popup.open(type);
				} else {
					return false;
				}
			} else if (flag == 2) {
				this.$refs.popup.open(type);
			} else {
				this.$refs.popup.open(type);
			}
		},
		// 复制商品名称
		copy() {
			let title = '',
				that = this;
			if (that.status == 0) {
				title = that.goodsDetail.title;
			} else {
				title = that.dressList.name;
			}
			uni.setClipboardData({
				data: title,
				success: function () {
					uni.vibrateShort();
				},
				fail: function () {}
			});
		},
		// 客服电话btn
		onPhone() {
			uni.makePhoneCall({
				phoneNumber: '15324233105'
			});
		},

		// 分享好友商品
		fenXiang() {
			if (this.status == 0) {
				this.$refs.child.xianshi(this.goodsDetail.id);
			} else {
				this.$refs.child.xianshi(this.dressList.id);
			}
		},
		// 推荐商品
		tjGoods(id) {
			// 0 是商品，1是婚纱
			uni.navigateTo({
				url: '/pages/filePages/goodsDetail/goodsDetail?id=' + id + '&type=' + this.shareType
			});
		},
		getNowDate(type) {
			let date = new Date();
			let y = date.getFullYear();
			let m = date.getMonth() + 1;
			let d = date.getDate();
			if (type == 1) {
				return y;
			} else if (type == 2) {
				return m;
			}
		}
	}
};
</script>

<style scoped lang="scss">
.boxfen {
	width: 100%;
	font-size: 32upx;
	background-color: white;
	box-sizing: border-box;
	border-radius: 32upx 32upx 0 0;

	margin-bottom: -65upx;

	.hbng {
		padding: 16upx 30upx 10upx 20upx;
		background: linear-gradient(180deg, #fff7ea 0%, rgba(255, 255, 255, 0) 100%);
		border-radius: 32upx 32upx 0 0;
	}

	.fenicon {
		width: 26upx;
		height: 26upx;
		font-weight: 550;
		padding: 16upx;
		display: inline-block;
	}

	.boxfen-list {
		padding: 32upx 32upx;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid rgb(247, 247, 247);

		.boxfen-lei {
			color: rgb(121, 121, 121);
		}

		.flex-icon {
			color: #999999;
		}
	}

	.boxfen-btn {
		padding: 50upx 20upx;

		button {
			background-color: #111;
			border-radius: 45upx;
			color: white;
		}
	}
}

.goods_detail {
	overflow: hidden;

	.fuwu_box {
		width: 750upx;
		border-radius: 20rupx 20rupx 0 0;

		.fuwu_title {
			margin-top: 30upx;
			color: #000000;
		}

		.list_box {
			margin-top: 30upx;

			.huanhuo_img {
				width: 24upx;
				height: 24upx;
				margin-top: 6upx;
				margin-left: 32upx;
			}

			.list_name {
				margin-left: 20upx;
				color: #333;
			}

			.bottom_txt {
				color: #828282;
				margin-left: 76upx;
				margin-top: 16upx;
				padding-right: 40upx;
			}
		}

		.bottom_btn_fuwu {
			width: 568rpx;
			height: 80rpx;
			background: #ebbe87;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			border: 2rpx solid #ebbe87;
			margin: 0 auto;
			margin-top: 60upx;
			line-height: 80rpx;
			color: #ffffff;
		}
	}

	.popup_box {
		width: 750upx;
		height: 992upx;
		background: #ffffff;

		.header_img_name {
			margin-left: 24upx;

			.goods_img_box {
				width: 208upx;
				height: 208upx;
				margin-top: -60upx;
				border-radius: 8upx 8upx 8upx 8upx;
				overflow: hidden;
			}

			.money_yx {
				margin-left: 34upx;
				margin-top: 30upx;

				.money_txt {
					color: #e4493a;
				}

				.yx_txt {
					color: #666666;
					margin-top: 4upx;
				}
			}

			.close {
				width: 60upx;
				height: 60upx;
				margin-top: 44upx;
				position: absolute;
				right: 24upx;
			}
		}

		.state_top {
			margin-left: 20upx;
			margin-top: 52upx;

			.state_top_title {
				color: #333333;
			}

			.state_top_box {
				margin-top: 24upx;
				flex-wrap: wrap;

				.state_top_list {
					height: 68upx;
					background: rgba(0, 0, 0, 0.1);
					border-radius: 8upx 8upx 8upx 8upx;
					line-height: 68upx;
					color: #666666;
					margin-right: 28upx;
					margin-bottom: 28upx;
					padding-left: 10upx;
					padding-right: 10upx;
				}

				.state_top_list_active {
					height: 68upx;
					background: #ebbe87;
					border-radius: 8upx 8upx 8upx 8upx;
					line-height: 68upx;
					color: #ffffff;
					margin-right: 28upx;
					margin-bottom: 28upx;
					padding-left: 10upx;
					padding-right: 10upx;
				}
			}
		}

		.tjfh_txt {
			color: #333333;
			margin-top: 30upx;
			margin-left: 20upx;

			.fh_price {
				margin-right: 30upx;
			}
		}

		.goods_num {
			margin-top: 28upx;
			margin-left: 20upx;

			.goods_num_title {
				color: #333333;
			}

			.zen_jan {
				margin-left: 516upx;

				.jan_box {
					width: 40upx;
					height: 40upx;
					background: rgba(0, 0, 0, 0.06);
					border-radius: 8upx 8upx 8upx 8upx;

					.jan {
						width: 20upx;
						height: 4upx;
						background-color: #999999;
						margin: 50% auto;
					}
				}

				.num_txt {
					color: #000000;
					margin: 0 20upx 0 20upx;
				}

				.jia_box {
					width: 40upx;
					height: 40upx;
					background: #ebbe87;
					border-radius: 8upx 8upx 8upx 8upx;
					color: #ffffff;
					line-height: 36upx;
				}
			}
		}

		.bottom_btn {
			width: 568upx;
			height: 80upx;
			background: #ebbe87;
			border-radius: 40upx 40upx 40upx 40upx;
			border: 2upx solid #ebbe87;
			position: absolute;
			top: 878upx;
			left: 86upx;
			line-height: 80upx;
			color: #ffffff;
		}
	}

	.hhr_box_pop {
		width: 100%;
		height: 100%;
		.wu_box {
			color: #000;
		}

		.pop_title {
			margin-top: 30upx;
			color: #eb8787;
		}

		.bottom_title {
			color: #000000;
			margin-top: 30upx;
			margin-left: 32upx;
		}

		.scroll-Y {
			width: 686upx;
			height: 700upx;
			margin: 40upx auto;
			::-webkit-scrollbar {
				width: 6rpx;
				height: 16rpx;
				display: block;
				background-color: rgba(0, 0, 0, 0.1);
			}
			.scroll-view-item {
				width: 686upx;
				height: 90upx;
				border-radius: 16upx;
				background-color: #f4f4f4;
				margin-bottom: 20upx;

				.left_box {
					width: 90upx;
					height: 44upx;
					border-radius: 25upx;
					border: 2upx solid #eb8787;
					margin-top: 22upx;
					margin-left: 30upx;
					color: #eb8787;
					line-height: 44upx;
				}

				.left_box_txt {
					color: #000;
					line-height: 88upx;
					margin-left: 20upx;
					width: 286upx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.right_box_price {
					line-height: 88upx;
					margin-left: 35upx;
				}

				.right_box_jt {
					width: 50upx;
					height: 50upx;
					margin-top: 20upx;
					position: absolute;
					right: 0rpx;
				}
			}

			.description_box {
				margin-top: 100upx;
				line-height: 46upx;
			}
		}
	}

	.movable_box {
		width: 750upx;
		height: 0;
		position: fixed;
		z-index: 9;
		top: 0;
	}

	.fenxiang_btn {
		width: 68upx;
		height: 68upx;
		position: fixed;
		top: 32upx;
		right: 32upx;
		z-index: 999;
	}

	.gwc_box {
		position: fixed;
		bottom: 0;
		z-index: 99;
		background-color: #ffffff;
	}

	.kefu {
		width: 160upx;
		height: 76upx;
		background: rgba(72, 157, 218, 0.6);
		box-shadow: 0upx 0upx 14upx 2upx rgba(0, 0, 0, 0.18);
		border-radius: 0upx 37upx 37upx 0upx;
		right: 0;
		top: 920upx;
		z-index: 999;

		.kefu_img {
			width: 40upx;
			height: 33upx;
			margin-top: 20upx;
			margin-left: 20upx;
		}

		.kefu_txt {
			color: #fff;
			margin-top: 20upx;
			margin-left: 16upx;
		}
	}

	.seckill_box {
		height: 128upx;
		background-image: url('');
		background-size: 100% 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 20upx 32upx 0 32upx;

		.top_box {
			.left_box_seckill {
				color: #ffffff;
				width: 72upx;
				margin-top: 4upx;
			}

			.left_icon_flg {
				width: 108upx;
				height: 42upx;
				background-image: url('');
				background-size: 100% 100%;
				font-weight: 600;
				color: #ba764a;
				line-height: 42upx;
				margin-left: 12upx;
			}

			.right_hd_txt {
				color: #806c06;
			}
		}

		.bottom_box {
			margin-top: 6upx;

			.hd_price_box {
				color: #fff;
			}

			.scj_box {
				font-size: 18upx;
				color: #fff;
				line-height: 58upx;
				text-decoration: line-through;
				margin-left: 20upx;
			}

			.down_box {
				width: 38upx;
				height: 38upx;
				border-radius: 8upx;
				background-color: #e84c4c;
				line-height: 38upx;
				color: #fff;
			}
		}
	}

	.img_video_box {
		height: 750upx;
		.shipin_txt {
			width: 116upx;
			height: 48upx;
			background: rgba(0, 0, 0, 0.3);
			border-radius: 21upx 21upx 21upx 21upx;
			opacity: 1;
			border: 2upx solid rgba(255, 255, 255, 0.3);
			position: absolute;
			top: 650upx;
			left: 228upx;
			color: #ffffff;
			line-height: 48upx;
		}

		.shipintwo_txt {
			width: 116upx;
			height: 48upx;
			background: rgba(0, 0, 0, 0.3);
			border-radius: 21upx 21upx 21upx 21upx;
			opacity: 1;
			border: 2upx solid rgba(255, 255, 255, 0.3);
			position: absolute;
			top: 650upx;
			left: 406upx;
			color: #ffffff;
			line-height: 48upx;
		}
	}

	.list_status_box {
		width: 634upx;
		height: 88upx;
		background: #ffffff;
		box-shadow: 0upx 2upx 22upx 2upx rgba(0, 0, 0, 0.14);
		overflow: hidden;
		position: relative;
		padding-right: 58upx;
		padding-left: 58upx;

		.status_box {
			height: 56upx;
			margin-top: 16upx;

			.status_img_box {
				font-size: 0;
				width: 56upx;
				height: 56upx;
				border-radius: 10upx;
				overflow: hidden;
			}
		}

		.status_txt_box {
			margin-left: 8upx;
			.status_txt {
				color: #666666;
			}
			.status_txt_two {
				color: #333333;
			}
		}
	}

	.name_money_box {
		padding-top: 20upx;
		background-color: #ffffff;

		.money_txt {
			margin-left: 32upx;

			.zhengc_money {
				font-family: DIN-Bold, DIN;
				color: #ff3f4a;
			}

			.huaxian_money {
				color: #666666;
				text-decoration: line-through;
				margin-left: 16upx;
			}
		}
		.goods_name {
			width: 684upx;
			color: #000000;
			margin-left: 32upx;
			margin-top: 14upx;
			letter-spacing: 0;
			line-height: 54upx;
			overflow: hidden;
			display: -webkit-box;
			text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.bottom_xl_kdf {
			width: 684upx;
			height: 34upx;
			margin: 32upx auto;
			margin-bottom: 0;
			padding-bottom: 40upx;

			.xl_box {
				color: #999999;
			}
		}

		.flg {
			height: 42rpx;
			line-height: 42rpx;
			margin-left: 14rpx;
			padding: 0 30rpx;
			font-size: 20rpx;
			background: url(@/static/flgbj.png) no-repeat;
			background-size: 100% 100%;
			color: #fff;
		}

		.chongzhiBg {
			height: 42rpx;
			line-height: 42rpx;
			padding: 0 30rpx;
			font-size: 20rpx;
			background: url(@/static/zfbg.png) no-repeat;
			background-size: 100% 100%;
			color: #fff;
			margin-left: 16rpx;
		}
		.aaa {
			margin-left: -16rpx;
		}

		.fhg_box {
			width: 108upx;
			height: 42upx;
			margin-left: 14upx;
			margin-top: 10upx;
		}

		.fhg_txt {
			width: 90upx;
			height: 42upx;
			position: relative;
			left: -98upx;
			line-height: 42upx;
			padding-left: 14upx;
			color: #ffffff;
			margin-top: 10upx;
		}
	}

	.lingjuan_box {
		height: 76upx;
		background-image: url(@/static/juanBg.png);
		background-size: 100% 100%;

		.lj_title {
			display: flex;
			color: #db5757;
			line-height: 80upx;
			margin-left: 32upx;
		}

		.jiantou {
			width: 11upx;
			height: 20upx;
			position: absolute;
			right: 40upx;
			margin-top: 30upx;
		}
	}

	.tuijian_box {
		width: 196upx;
		height: 60upx;
		background: #ebbe87;
		border-radius: 30upx 0upx 0upx 30upx;
		margin-top: 82upx;
		position: absolute;
		right: 0;

		.tuijian_img {
			width: 24upx;
			height: 24upx;
			margin-left: 36upx;
			margin-top: 8upx;
		}

		.tuijian_txt {
			line-height: 60upx;
			color: #ffffff;
			margin-left: 16upx;
		}
	}

	.hhr_box {
		width: 728upx;
		height: 76upx;
		background: #ffffff;
		margin-top: 12upx;
		color: #eb8787;
		line-height: 80upx;
		padding-left: 32upx;
		border-bottom: 2upx solid #f4f4f4;
	}

	.hhr_box1 {
		width: 300upx;
		height: 76upx;
		margin-top: 12upx;
		color: #dba057;
		line-height: 80upx;
		padding-right: 32upx;
		border-bottom: 2upx solid #f4f4f4;
		text-align: right;
	}
	.hhr_box2 {
		width: 728upx;
		height: 76upx;
		margin-top: 12upx;
		color: #dba057;
		line-height: 80upx;
		padding-left: 32upx;
		border-bottom: 2upx solid #f4f4f4;
	}

	.zengs {
		width: 750upx;
		height: 84upx;
		background: #ffffff;

		.zengs_btn {
			width: 68upx;
			height: 36upx;
			background: #ff3f4a;
			border-radius: 6upx 6upx 6upx 6upx;
			line-height: 36upx;
			color: #ffffff;
			margin: 22upx 0 0 32upx;
		}

		.zengs_txt {
			width: 510upx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			color: #666666;
			margin-top: 22upx;
			margin-left: 16upx;
		}

		.jiantou {
			width: 11upx;
			height: 20upx;
			position: absolute;
			right: 40upx;
			margin-top: 30upx;
		}
	}

	.guige_box {
		height: 92upx;
		margin-top: 12upx;
		background-color: #ffffff;

		.guige_left_txt {
			color: #333333;
			margin-left: 32upx;
			line-height: 92upx;
		}

		.xuanze_box {
			color: #999999;
			margin-left: 36upx;
			line-height: 92upx;
		}

		.jiantou {
			width: 11upx;
			height: 20upx;
			position: absolute;
			right: 40upx;
			margin-top: 30upx;
		}
	}

	.fuwu_dianpu_box {
		background-color: #ffffff;
		overflow: hidden;
		margin-top: 12upx;
		border: 2upx solid #f4f4f4;

		.header_fuwu {
			margin-top: 28upx;
			border-bottom: 2upx solid #f4f4f4;
			padding-bottom: 20upx;
			flex-wrap: wrap;

			.fuwu_left_txt {
				color: #333333;
				margin-left: 32upx;
			}

			.huanhuo_img {
				width: 24upx;
				height: 24upx;
				margin-top: 6upx;
				margin-left: 20upx;
			}
		}

		.fuwu_max_box {
			width: 702upx;
			padding-bottom: 20upx;
			background: #f4f4f4;
			border-radius: 18upx 18upx 18upx 18upx;
			margin: 28upx auto;
			overflow: hidden;
			.fwu_max_txt {
				margin: 0 auto;
				flex-wrap: wrap;

				.huanhuo_img {
					width: 24upx;
					height: 24upx;
					margin-top: 4upx;
				}

				.txt_ji {
					color: #888888;
					margin-left: 6upx;
				}
			}
		}

		.dianpu_box {
			margin-top: 38upx;
			padding-left: 32upx;
			padding-right: 32upx;

			.dp_header_box {
				.header_img {
					width: 78upx;
					height: 78upx;
					border-radius: 50%;
					background: #999999;
					overflow: hidden;
				}

				.dp_name_juli {
					margin-left: 22upx;

					.dp_name {
						color: #333333;
					}

					.juli_flx {
						margin-top: 16upx;

						.juli_img {
							width: 26upx;
							height: 26upx;
							margin-top: 4upx;
						}

						.juli_txt {
							width: 370upx;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							color: #e29d48;
							margin-left: 2upx;
						}
					}
				}

				.guanzhu_box {
					width: 120upx;
					height: 48upx;
					border-radius: 24upx 24upx 24upx 24upx;
					border: 2upx solid #666666;
					line-height: 48upx;
					color: #666666;
					margin-left: 68upx;
				}
			}
		}

		.fangke_txt {
			color: #999999;
			margin-top: 16upx;
			margin-left: 136upx;
		}

		.phone_img {
			width: 48upx;
			height: 48upx;
			margin-left: 408upx;
		}
	}

	.dp_tc_tuijian {
		background-color: #ffffff;
		overflow: hidden;

		.header_qie {
			margin-top: 40upx;

			.qie_txt {
				margin-left: 186upx;
				color: #999999;
			}

			.qie_txt_active {
				margin-left: 186upx;
				color: #ebbe87;
			}
		}

		.tj_goods_box {
			width: 728upx;
			padding-left: 32upx;
			margin-top: 30upx;
			flex-wrap: wrap;

			.tj_goods_c_box {
				width: 222upx;
				margin-right: 10upx;
				margin-bottom: 24upx;

				.tj_goods_img_box {
					width: 222upx;
					height: 222upx;
					border-radius: 16upx 16upx 16upx 16upx;
					overflow: hidden;
				}

				.tj_goods_name {
					width: 196upx;
					height: 34upx;
					color: #333333;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					margin-top: 16upx;
				}

				.tj_goods_moeny {
					color: #ff3f4a;
					margin-top: 8upx;
				}
			}
		}
	}

	.dress_price {
		color: #ff3f4a;
		position: absolute;
		margin-top: 20upx;
		right: 60upx;
		padding-bottom: 160upx;
	}

	.bot_goods_detail {
		margin-top: 0upx;

		.header_title {
			color: #333333;
			height: 72upx;
			line-height: 72upx;
		}

		.detail_qie {
			height: 88upx;
			background-image: url('');
			background-size: 100% 100%;
			margin-top: 22upx;

			.qie_img {
				width: 402upx;
				height: 88upx;
				position: absolute;
				right: 0;
			}

			.detail_qie_c {
				width: 352upx;
				overflow: hidden;
				text-align: center;

				.detail_qie_txt {
					color: #ffffff;
					margin-top: 26upx;
				}

				.bot_xian {
					width: 48upx;
					height: 4upx;
					background-color: #ffffff;
					margin: 10upx auto;
				}

				.bot_xian_active {
					width: 48upx;
					height: 4upx;
					background-color: #ebbe87;
					margin: 10upx auto;
				}
			}

			.detail_qie_c:last-child {
				position: absolute;
				z-index: 99;
				right: 0upx;

				.detail_qie_txt {
					color: #ebbe87;
				}
			}
		}

		.detail_c_fuwuneir {
			.fuwu_ng_box {
				padding: 46upx 0 20upx 32upx;
				margin-bottom: 4upx;
				background: rgba(235, 190, 135, 0.1);

				.top_nr_box {
					.yuan_box {
						width: 10upx;
						height: 10upx;
						border: 6upx solid #000000;
						border-radius: 50%;
					}

					.fuwu_nr_name {
						color: #333333;
						margin-top: -6upx;
						margin-left: 8upx;
					}

					.tiaozheng_box {
						width: 136upx;
						height: 50upx;
						background: #333333;
						border-radius: 25upx 25upx 25upx 25upx;
						color: #ffffff;
						line-height: 50upx;
						margin-top: -6upx;
						position: absolute;
						right: 32upx;
					}
				}

				.fuwu_nr_box_list {
					width: 678upx;
					margin-top: 34upx;

					.fuwu_nr_txt {
						color: #ebbe87;
						flex: 1;
					}

					.fuwu_nr_money {
						color: #ff3f4a;
					}
				}
			}
		}
	}

	.example-body {
		padding: 0;
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
	}

	.goods-carts {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		position: fixed;
		left: 0;
		right: 0;
		/* #ifdef H5 */
		left: var(--window-left);
		right: var(--window-right);
		/* #endif */
		bottom: 0;
	}
}

.boxkl {
	width: 100%;
	background: #fff;
	border-radius: 32upx 32upx 0 0;
	padding-bottom: 200upx;
	position: relative;
	margin-bottom: -120upx;

	.hbng {
		width: 750upx;
		height: 130upx;
		background: linear-gradient(180deg, #fff7ea 0%, rgba(255, 255, 255, 0) 100%);
		border-radius: 32upx 32upx 0 0;

		.iconk {
			width: 36upx;
			height: 36upx;
			background: url(@/static/tab_jian.png) no-repeat center;
			background-size: 100%;
			margin-left: 36upx;
			padding-top: 46upx;
		}
	}

	.scoll {
		width: 100%;
		height: 400upx;
		margin: 0 auto;
		margin-top: -40upx;
		background: #fff;

		.txtg {
			width: 100%;
			height: 88upx;
			text-align: center;
			line-height: 88upx;
			color: #111111;
			font-size: 30upx;

			&.check {
				background: linear-gradient(86deg, rgba(237, 237, 237, 0) 0%, #ededed 54%, rgba(237, 237, 237, 0) 100%);
			}
		}
	}
}
.giveBg {
	background: url(@/static/giveBg.png) no-repeat;
	background-size: 100% 100%;
}
// .chongzhiBg {
// 	background: url(@/static/czBg.png) no-repeat;
// 	background-size: 100% 100%;
// 	width: 123rpx;
// 	height: 42rpx;
// 	margin-left: 32rpx;
// }
.couponItem {
	display: flex;
	align-items: center;
	font-size: 24rpx;
	color: #8a8a8a;
	line-height: 30rpx;
	padding-top: 20rpx;
	image {
		width: 28rpx;
		height: 28rpx;
	}
}
</style>
<style>
page {
	background: #f4f4f4;
}
</style>
